官网
教程
文档
官网文档
小程序集群与uniapp
小程序app接口教程
冰蓝世界版
阿赖耶识与随风版
网站首页
齐博X1教程专栏
文章列表
推荐
在模板中快速添加下拉菜单
超级蜘蛛查
2024-02-28 16:30:20
11
如下图所示,很多时候,特别是列表页,受空间限制,不能挤下太多的菜单,这个时候,就需要有下拉菜单 ***** ![](https://img.kancloud.cn/c9/76/c976050cf5ca1d97ce46104befe69c74_765x600.png) 使用下拉菜单前,请确保你的页面引用了下面的JS `<script type="text/javascript" src="/public/static/js/qibo.js"></script>` 上面的JS是必须的.当然JQ也是必须的 另外,还要引入``这个CSS文件,这个CSS文件其实不是必须的,如果没有引用这个CSS文件的话,请自行在你的页面添加下面的CSS元素 ~~~ /*下拉菜单*/.more-menu-wap{ border: 1px solid #bdd4ea; line-height:170%; background:#d2ecff; color:#000; opacity:0.9; box-shadow: 2px 3px 1px 0px #DDD;}.more-menu-wap>div{ padding:5px 3px;}.more-menu-wap a:hover{ color:red;} ~~~ 确保上面的条件成立后,只需要给任何元素添加一个`class="more-menu"` 同时再加上 `url='子菜单一 子菜单二'` 就可以了。 比如下面的: ~~~ 更多 ~~~ 特别提醒,`url` 还可以指定一个实际的url给他异步赋值的,比如 ~~~ 更多 ~~~ 这个`abc.htm`输出的内容如下 `{code:0,data:'子菜单内容'}` 即json格式 如果是在程序中处理的话,你用下面的格式返回数据即可`return $this->ok_js('二级菜单内容');` 异步传值有什么好处呢?可以根据不同的用户组显示不同的菜单。另外也方便在静态页比如单页里边使用,按不同的权限给不同的菜单。 另外还有一点特别要注意,如果二级菜单内容写在当前页面的话,遇到JS又要同时使用单引或双引号的话,容易跟`url`使用的引用号发生冲突,这个时候JS里边建议使用这个符号 ` 即键盘上数字1左边那个符号。比如下面的 ~~~ 更多 ~~~ 大家注意看 ~~~ alert(`测试哦`) ~~~ ,子菜单一 要使用js并且要使用字符串的话,即不能再使用双引号,也无法再使用单引号,这个时候就只能使用 ` 这个符号了,即键盘上数字1左边那个符号。当然,如果是url实际地址异步传值的话,就不受这个影响。 ***** 如果代码太复杂,又不想使用 ` 符号的话,还有另外一种更高级的用户法。如下图所示 ![](https://img.kancloud.cn/4b/06/4b06cd19b822a74737fe5c837b1d0785_1107x201.png) 参考代码如下 ``` 商品货架 添加内容 管理内容 ``` 也即是 `url`参数除了可以定义具体URL或者是实际HTML代码之外,还可以定义一个唯一的class类名。然后在页面任何位置放入相应的 由这个 唯一的class类名 所封装容器里写代码即可
本文链接:https://x1.wanxiangsucai.com/read/79.html
没有了后一页
齐博x1云标签插件-一..
其中20代表取标题多少个字, 为了排版需要,你不想要标题的话,可以换成字符,比如
上一页
上一篇:
下一篇:齐博x1云标签插件-一件提取关键词无法使用的解决办法
相关文章推荐
1.
站内引用添加到编辑器后在编辑器显示错乱?一招告诉你怎么解决
2.
如何添加滑动验证码
3.
添加标签注意事项
4.
飘浮的标签元素如何添加占位符
5.
V系列转换程序重新起航 支持v全系列转X系列(v7转换支持添加到搜索)
6.
后台网站参数配置修改与添加
7.
底部头部菜单如何设置高亮
8.
列表项菜单自定义匿名函数
9.
如何给会员中心菜单及后台菜单传更多的参数
10.
如何增加会员中心及后台菜单
齐博X1教程专栏最新文章
1.
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
2.
齐博x1云标签插件-一件提取关键词无法使用的解决办法..
3.
关于thinkphp5
4.
齐博X1更新记录
5.
解决Web部署 svg/woff/woff2字体 404错误
6.
云市场注意事项
7.
如何调取当前模块ID
8.
URL伪静态设置
9.
QQ登录接口配置
10.
邮箱接口设置之QQ企业邮箱
齐博X1教程专栏文章推荐
1.
010-对比系统布局模板添加一些必要代码
2.
020-插件的路径访问
3.
如何查询某个时间段内的数据
4.
如何取消禁止跨城市密码登录限制
5.
如何重定义改写自动表单中的某个字段
6.
模块插件安装程序制作的视频教程
7.
织梦转X1程序
8.
新增内容想关闭窗口或者继续提交相关数据
9.
换服务器如何转移网站
10.
009-系统设置之登录接口
建站工具推荐
您可能感兴趣的文章
通过随机二次元壁纸接口向齐博x1 bbs系统发布信息
齐博x1云标签插件-一件提取关键词无法使用的解决办法
关于thinkphp5
齐博X1更新记录
解决Web部署 svg/woff/woff2字体 404错误
云市场注意事项
如何调取当前模块ID
URL伪静态设置
QQ登录接口配置
邮箱接口设置之QQ企业邮箱