博客 / 詳情

返回

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片段時 閉合標籤需要不換行拼接,或者換行使用轉義符進行拼接。

對頁面功能進行調整後,功能函數耦合度要同時儘可能降低耦合度,減少頁面功能修改時其他受影響函數的修改。
user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.