關于layui使用模板引擎動態渲染元素注意問題

分類:小喵學堂     發布時間:2018-09-12 11:47:25
分享到 :

摸索這個模板引擎碰到的問題,分享一下


本人在實現使用laytpl實現動態渲染菜單,來減少靜態代碼時候碰到了,元素是成功渲染出來,但是折疊動畫效果和點擊事件都失效了,然后仔細看了一下官方文檔


官方文檔原話:跟表單元素一樣,很多時候你的頁面元素可能是動態生成的,這時element的相關功能將不會對其有效,你必須手工執行 element.init(type, filter)方法即可。注意:2.1.6 開始,可以用 element.render(type, filter);


意思是我們動態渲染頁面的時候,渲染完后一定要執行element.init()進行重新渲染,這樣動畫效果和事件才能正常運行


以下是我實現layui模板引擎實現動態菜單源碼

QQ圖片20180912114656.png