layui的选项卡(tab)的问题

当页面打开单个tab时,操作栏显示:

 

 当页面打开多个tab时,会发现操作栏与下面第一个tab显示的操作栏类型一样,并且操作栏的按钮无作用

 

 

 第一个标签操作栏显示:

 

 

 产生这样的原因:使用layui时,每个tab的jsp页面操作栏的代码中的id是一样的.

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs layui-bg-orange"  lay-event="editEmp">修改</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delEmp">删除</a>
</script>
<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="delete">批量删除</button>
        <button class="layui-btn layui-btn-sm" lay-event="addEmp">添加管理员</button>
    </div>
</script>

解决方法:就是把每个jsp中的操作栏id改成不一样的.