1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > layer open弹层 页面层 laydate 日期控件点击一闪消失的解决方法

layer open弹层 页面层 laydate 日期控件点击一闪消失的解决方法

时间:2020-02-29 04:56:28

相关推荐

layer open弹层 页面层 laydate 日期控件点击一闪消失的解决方法

bug症状:点击选择日期,弹出的框会一闪而逝,但是窗口切换回来自己又出来了。参考网上的说法添加trigger: ‘click’ 直接没任何反应了。

如果你的现象跟我的一样,那么解决方案如下:

父页面定义弹层内容不能用如下这种方式:

<div class="layui-row" id="test" style="display: none;">

应该使用以下方式

<script type="text/html" id="test">

效果如下:

网上还有几种说法:

删除:lay-key解决问题

添加:trigger: ‘click’ 属性解决问题

我遇到的则都不是。加了trigger: ‘click’ 属性后连一闪的机会都没有了。直接完全无任何反应。

另外说一下:

之前layer.open 都是用的type: 2,也就是iframe层,正常的一批,但是遇到一个问题,就是iframe弹层必须要单独的html文件。前后端分离的系统。当编辑或新增用户的时候。iframe层创建成功后必须要异步ajax请求各种select多选框的内容并初始化。这样在父页面编辑时,在弹层success事件中给弹层元素赋值时会发现数据并没加载。select元素的内容又不好写死,因为太多。所以才考虑使用页面层。type:1,

综合:正常情况下条件允许,建议全部使用iframe弹层吧。简单省事,而且直观,没有任何问题。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。