layui 弹出框中select第二次无法显示问题

今天帮哥们看了一个问题

用layui时,打开一个对话框,里面有select的时候,第一次可以生成下拉框,第二次就不可以了


具体代码如上,后来查阅源代码,layui.js没有找到相关,layer.js找到相关但是和select框生成无关,form.js才找到对应的问题

具体代码为


这个应该就是当js加载之后就加载的意思(大神请指教,表示js不是很懂,我猜的)

然后就是当第一次点击生成的时候,然后在js中会把from.js加载过来,from.js加载完成后会调用一次d.render()方法产生对应的下拉框

但是当点击关闭按钮时,他会将所有的添加的html代码删除,所以生成下拉框也就消失了,第二次点击的时候,因为没有刷新页面,from.js还在

所以会导致其他正确加载,但是有关于from.js里面的内容都出问题


最后的解决办法是,把js中的html写到body中,然后用jquery取出,放到对应的参数中


这样当from.js渲染完成对应的html之后,html会打回到对应的位置,生成的所有渲染也不会丢失,下次点击就可以直接使用了


以上我的理解就是,layui这样做应该就是为了节约渲染成本。


以上纯属个人见解,谢谢

你可能感兴趣的:(layui)