layui使用弹出层 关闭后弹层的内容又显示出来

Posted 2023-03-09

参考技术A 1.layui的弹层插件  layer 使用 当弹层的内容很多时，可以先在页面上写好，一般是写在body里面，不要放在其他的div里面，防止弹层受到影响，使用方法：

<div id="test" style="display:none;">这里放置弹窗内容</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