1. 程式人生 > >使用Layui搭建後臺管理介面

使用Layui搭建後臺管理介面

//JavaScript程式碼區域 layui.use('element', function(){ var element = layui.element; element.on('nav(hbkNavbar)',function(elem){ /*使用DOM操作獲取超連結的自定義data屬性值*/ var options = eval('('+elem.context.children[0].dataset.options+')'); var url = options.url; var
title = options.title; element.tabAdd('tabs',{ title : title, content : '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>', id : '111' }); }); /*使用下面的方式需要引用jquery*/
/* $('.layui-nav-child a').click(function () { var options = eval('('+$(this).data('options')+')'); var url = options.url; var title = options.title; element.tabAdd('tabs',{ title : title, content : '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>' }); });*/
});