<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
var index = layer.open({...})//弹出框
//enter 监听事件
document.onkeydown = function (e) {
e = e||window.event
if ((e.keyCode || e.which) == 13) {
layer.close(index) //关闭当前弹出框
}
}
网页链接
