MUI在項目中使用時遇到的問題的我的總結

picker 添加年插件問題總結

1. 取消按鈕點擊事件沒法獲取

   能夠獲取到取消按鈕標籤和肯定按鈕標籤

   可是隻能獲取去頂按鈕事件,取消點擊事件沒法獲取

   經過判斷picker的display狀態也不能確認此事件

2. lable標籤沒法綁定事件

   這時須要添加一個單獨全選按鈕時

   能夠在herder內添加一個按鈕

3. 調用同一picker會保存一部分數據不清除

   能夠在picker.dispose()結束時判斷第一個picker是否已經調用，

   若是第一個picker調用了 判斷函數內從新生成新的picker ，

   存儲新的數據 ，這時就能夠 最後清除這個picker

4.setData後 在show()調用前從新賦值添加新的元素只能添加值 沒有對應的html片斷

能夠在setData前把data存儲到一個變量內 進行修改後再傳入setData

5.單頁時因爲下拉刷新只能在頁面內使用一次 再次使用會形成衝突 二者均不可用

只在首頁面使用 或者像mui庫示例同樣 跳轉到新頁面 雙webview

6.picker蒙層點擊禁止事件沒法綁定

能夠獲取到此蒙層點擊事件，可是沒法阻止默認事件

可經過點擊後刪除此蒙層，再次調出此picker display = block

生成一個自定義蒙層 判斷點擊事件是否在蒙層上 添加私有class

生成前先判斷是否有此class蒙層 有則先移除removeChild

減小在頁面新生的元素 每當點擊到蒙層就先刪除原私有蒙層

再建立新私有蒙層 以此模擬禁止蒙層點擊事件

7.模擬禁止蒙層會同時影響其餘蒙層效果 如摺疊框蒙層

從新給摺疊框蒙層添加事件 先判斷其display 值 none 或者 null;

首次點擊可能已經被模擬禁止清除 此時爲空值

剩下的根據display狀態修改便可

8.360瀏覽器兼容模式模擬IE瀏覽時JQ的AJAX請求GET類型不能正常執行，使用POST請求。

9.IE EDGE下Iframe標籤渲染問題可使用META調整至IE低版本渲染模式。

10.mui返回按鈕不支持經過window.open打開的頁面 可使用window.location.href打開新頁面，可以直接使用。

11.onbeforeunload事件，除IE徹底支持至修改返回內容外 ，其他瀏覽器均不支持。查到相關內容大體緣由以下： 此機制避免某些開發者經過監聽此事件，阻止用戶離開頁面，作些不一道德的事情。僅對想要在用戶關閉頁面時還執行各類操做阻止用戶關閉操做的PM表示，咳咳咳。。。

mui返回按鈕返回mui可滑動單頁面套用時須要嚴格按照demo模板靜態HTML層進行修改 不須要的內容能夠經過z-index覆蓋隱藏。

mui遮罩在手機端容易出現不能正常顯示的問題，使用原生js和html生成遮罩效果。

JS拼接HTML片斷時 閉合標籤須要不換行拼接，或者換行使用轉義符進行拼接。

對頁面功能進行調整後，功能函數耦合度要同時儘量下降耦合度，減小頁面功能修改時其餘受影響函數的修改。