layui左侧导航栏切换实现局部刷新（针对iframe）

在选项卡的界面添加layui.use里加入：

element.on('tab(demo)', function(data){
        var src=$(".layui-tab-item.layui-show").find("iframe").attr("src");
        $(".layui-tab-item.layui-show").find("iframe").attr("src",src);
    });

就OK了！

 

针对不少伙伴看不明，我进行补充说明一下：

首先，需要在layui官网，把导航栏的相关代码复制到你之所需展示的.html页面；

<div class="layui-tab" lay-filter="demo" lay-allowclose="true" style="margin-left: 200px;">
   <ul class="layui-tab-title"></ul>
   <div class="layui-tab-content"></div>
</div>

 

 

则，肯定会有如下代码：

layui.use(['element', 'layer', 'jquery'], function () {
    var element = layui.element;
    //此处省略N行代码
}

把我开始的代码放在这里的最下面就可以，剩下的你们按需求扩展与实现就行

layui.use(['element', 'layer', 'jquery'], function () {
    var element = layui.element;

    //此处省略N行代码

    element.on('tab(demo)', function(data){
    	var src=$(".layui-tab-item.layui-show").find("iframe").attr("src");
    	$(".layui-tab-item.layui-show").find("iframe").attr("src",src);
    });

}