//加载element模块

    layui.use('element', function () {

        element = layui.element

        //监听导航事件

        element.on('nav(nav)',function(e){

            var con = e.text();

            var tabId = e.children('a').attr("hid");

            var url = e.children('a').attr("url");

            createTab(tabId, con , url);

        })

    })

    //创建选项卡

    function createTab(tabId, con , url) {

        var lis = [];

        $("#tabList #nav li").each(function () {

            lis.push($(this).attr("lay-id"));

        })

        if (lis.length <= 0 || lis.indexOf(tabId) == -1) {

            element.tabAdd('docDemoTabBrief', {

                title: con,

                content: createIframe(url),

                id: tabId

            });

        }

        //切换选项卡（不需要写else）

        element.tabChange('docDemoTabBrief', tabId);

    }

    //加载窗体

    function createIframe(url){

        return '<iframe src="'+url+'" style="width:100%;height:100%;" frameborder="0" ></iframe>'

    }