layui使用彈出層 關閉後彈層的內容又顯示出來

1.layui的彈層外掛  layer 使用

    當彈層的內容很多時，可以先在頁面上寫好，一般是寫在body裡面，不要放在其他的div裡面，防止彈層受到影響，使用方法：

     

<div id="test" style="display:none;">test....</div>
<script>
    layui.use('layer',function(){
       layer.open({
          type:1,
          title: '測試',
          content: $('#test')
       });
    });
</script>

這是使用了  $   ,  前提是引入了jquery, 當然layui裡面已經內建了jquery模組，只需要引入就可以  $ = layui.jquery;但是下面的問題就來了。。。

2.使用以上的方法彈出層後，點選關閉彈窗，發現彈窗的內容(原本隱藏的div)又顯示在頁面了。

    原因： 你可能引入了某些外掛，外掛需要引入jquery，而你又引用了layui的jquery,所以就衝突了

    解決辦法: 在外掛的js裡面引用layui的jquery