在使用zui樹形菜單的過程中,由於需要個性化點擊事件,採用的是html拼接字符串後使用 $('#indexTreeMenu').tree();方法渲染,但是在隱藏菜單再次顯示後,子菜單的指向箭頭圖標消失,示意如下
正常情況:
隱藏整個菜單再重新填充html後:
查看源碼tree事件發現會對渲染過後的樹初始化數據對象
修復這一問題的辦法是在渲染之前重置Tree的data對象,可以真正進行二次渲染
//重置 $('#indexTreeMenu').data('zui.tree', null) //渲染 $('#indexTreeMenu').tree();