使用layui(版本号2.4.5),在引入js,css之后:
1、水平导航栏二级菜单一直不能显示。
<script>
layui.use('element', function(){
var element = layui.element;
element.on('nav(filter)', function(elem){
console.log(elem); //得到当前点击的DOM对象
});
});
</script>
解决办法:最后发现layui.all.js引入不能放在head标签内,需要在body最后面引入即可。
2、使用layer.open 中的iframe弹框,关闭失败的问题
最开始解决办法,根据官网示例:即
var index = layer.open({
……
});
layer.close(index);/ layer.closeAll()
但是使用这种两种方法发现怎么都关闭不了,后来再仔细看官方文档时发现关闭iframe 需要使用下面的方法
//当你在iframe页面关闭自身时
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
最后测试完美解决