日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

mui解决单webview和PopPicker冲突问题

發布時間:2025/3/19 编程问答 23 豆豆
生活随笔 收集整理的這篇文章主要介紹了 mui解决单webview和PopPicker冲突问题 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

mui單webview模式,頁面如下。上面有兩個PopPicker,然后頁面就不能上下滑動。

<div class="mui-content us-reimburse"><div class="block"><div class="us-list-title">申請信息</div><ul class="mui-table-view us-input-list list-form"><li class="mui-table-view-cell "><a class="" style="padding:0;"><div class="us-list-row"><label class="us-list-label" >局室</label><input id="selectDept" class="us-list-input" type="text" value="" readonly style="text-indent:20px" placeholder="請選擇局室"></div></a></li><li class="mui-table-view-cell "><a class="" style="padding:0;"><div class="us-list-row"><label class="us-list-label" >申請人</label><input id="selectUser" class="us-list-input" type="text" value="" readonly style="text-indent:20px" placeholder="請選擇局室"></div></a></li><li class="mui-table-view-cell "><a class="" style="padding:0;"><div class="us-list-row"><label class="us-list-label" >時間</label><input id="startDate" data-options='{"type":"date"}' style="width: 40%" class="us-list-input" type="text" value="" readonly placeholder="開始時間"> ━<input id="endDate" data-options='{"type":"date"}' style="width: 40%" class="us-list-input" type="text" value="" readonly placeholder="結束時間"></div></a></li></ul></div><div class="mui-scroll-wrapper" id="tripPlanFormUI"><div class="mui-scroll"><ul class="mui-table-view us-input-list us-collapse-list" style="touch-action: none"> </ul></div></div>

解決辦法:
1、頁面引入:(一定要這樣寫,mui-special.js后面留一個空格,不然就不出來,順序也要這樣引入)

<script>var h5pullDown = true;</script><script type="text/javascript" src="/app/script/orderForm/mui-special.js "></script><script type="text/javascript" src="app/script/orderForm/appOrderFormList.js"></script>

2、mui-special.js
我上傳到了,需要的可以直接下載:
https://download.csdn.net/download/qq_36323075/12116292

3、在js上配置寫上如下代碼:

mui.ready(function(){loadData();ButtonFind();//解決安卓手機無法滾動mui(".mui-scroll-wrapper").scroll({//bounce: false,//滾動條是否有彈力默認是true//indicators: false, //是否顯示滾動條,默認是true}) });

現在應該可以滑動了。
解決完這個,你會發現又出現一個問題,手機點擊返回不起作用:
我們頁面有返回按鈕所以我直接綁定了返回事件,如下(點擊手機返回鍵還不起作用):

mui('#header').on('tap','#go_back',function(){var ws=plus.webview.currentWebview();plus.webview.close(ws);});

總結

以上是生活随笔為你收集整理的mui解决单webview和PopPicker冲突问题的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。