Layui 菜单与选项卡绑定 |
您所在的位置：网站首页 › layui官网菜单 › Layui 菜单与选项卡绑定 |
Layui 菜单与选项卡绑定
|
描述：左侧菜单menu与右边选项卡tab绑定，点击menu，右边的tab就在iframe展示，反过来，当切换相应的tab时，左边的menu就对应的展开，接下来，我们来实现这个效果。
左边菜单
菜单与选项卡选项互相绑定 $(function(){ layui.use('element', function(){ var element = layui.element; var $ = layui.jquery; // 左侧菜单dd标签点击事件，.huan-menu为每个dd标签的class $("body").on("click", ".huan-menu", function (e) { var url=""; url = $(this).data("url"); var id = $(this).data("id"); var text = $(this).text(); //如果不存在，就在右侧选项卡中增加一个选项 if ($(".layui-tab-title").find("li[lay-id='" + id + "']").length |
【本文地址】
今日新闻 |
推荐新闻 |