使用Layui搭建後臺管理介面
阿新 • • 發佈:2019-01-10
//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>'
});
});*/
});