公司有個切換院區的下拉框,使用的bootstrap的dropdown,以前是單選,因此點擊切換後就會自動收起並且將數據傳給後臺,現在改成了多選,出現了一個問題就是點擊一個後也會自動收起,這樣的多選肯定是有問題的,因此在網上搜索了一下,找到了一種方法科室阻止菜單的點擊自動收起
不廢話,直接上代碼
在生成dropdown-menu下的代碼裏,給每個<li>標籤加一個屬性 data-stopPropagation="true",即裏面的每一個選項加一個這個屬性,不一定非要加在<li>上,加在點擊的dom上
然後在js裏
在js的點擊事件里加上阻止事件就行了,注意別忘了把event傳進去
就是這麼簡單,html里加個屬性,js點擊事件處對事件進行處理就行了