官網上查得監聽導航菜單的點擊 當點擊導航父級菜單和二級菜單時觸發,回調函數返回所點擊的菜單DOM對象:
element.on('nav(filter)', function(elem){ console.log(elem); //得到當前點擊的DOM對象 });
並沒有給出更多的關於動態操作的方法。參考這個老兄的博客《layui禁用側邊導航欄點擊事件》進行更改源碼,並沒有收到效果,發現刪除element.js依舊照常運行,事實上只要jquery.js與layer.js項目即可正常運行。這塊暫時不深究。知道原因的老鐵不妨交流一下。
苦苦探索了一陣后,最終的解決方案是動態更改css
element.on('nav(filterMenu)', function(elem){ if(elem.text()=='亞南'){ var parent=elem.parent(); parent.attr('class','layui-nav-item');//設置為展開之前的css,即不展開的樣式 } });