layui 的nav導航 事件監控，獲取DOM元素
阿新 • • 發佈：2018-06-20
class AS utf tex ttr for form In IV
<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"></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>
<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>
<ul class="layui-nav layui-nav-tree" lay-filter="leftNav"> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;"><i class="iconfont"></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>
<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元素