首页 > 其他 > 详细

layui 的nav导航 事件监控,获取DOM元素

时间:2018-06-20 18:05:55      阅读:367      评论:0      收藏:0      [点我收藏+]
<body >

<ul class="layui-nav layui-nav-tree" lay-filter="leftNav">
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;"><i class="iconfont">&#xe607;</i>菜单管理</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" data-url="menu1.html" data-id=‘1‘ data-text="后台菜单"><span class="l-line"></span>后台菜单</a></dd>
<dd><a href="javascript:;" data-url="menu2.html" data-id=‘2‘ data-text="前台菜单"><span class="l-line"></span>前台菜单</a></dd>
</dl>
</li>

<li class="layui-nav-item">
<a href="javascript:;"><i class="iconfont">&#xe608;</i>内容管理</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" data-url="article-list.html" data-id=‘3‘ data-text="文章管理"><span class="l-line"></span>文章管理</a></dd>
<dd><a href="javascript:;" data-url="danye-list.html" data-id=‘9‘ data-text="单页管理"><span class="l-line"></span>单页管理</a></dd>
</dl>
</li>
</ul>


<script src="static/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="static/xqb_js/common.js" type="text/javascript" charset="utf-8"></script>
<script>
layui.use([‘form‘, ‘layedit‘, ‘laydate‘,‘element‘,‘jquery‘], function() {
var form = layui.form,
layer = layui.layer,
element=layui.element,
$=layui.jquery;
 
element.on(‘nav(leftNav)‘, function(elem) {
        
        var id = elem.attr(‘data-id‘);
        var url = elem.attr(‘data-url‘);
        var text = elem.attr(‘data-text‘);
 
console.log(text);

     });

 
});
</script>

</body>

layui 的nav导航 事件监控,获取DOM元素

原文:https://www.cnblogs.com/it999/p/9204603.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!