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改成不一樣的.