MUI知識積累

1：事件綁定

        MUI自帶的元素只能用document.getElemet系列來進行事件綁定：

          而本身寫的元素能夠用任何方法

　　　MUI自帶的事件綁定方法：

         

 

          若是要取消事件 用MUI().off()：

  　　

 2:設置安卓手機點擊自帶返回按鈕退出應用

 1 mui.plusReady(function(){
 2 　　//設置在登陸頁面點擊手機自帶返回鍵的時候 退出應用
 3 　　var first = null; 
 4 　　mui.back=function(){
 5 　　　　if(!first){ 
 6 　　　　　　first = new Date().getTime(); 
 7 　　　　　　mui.toast('再按一次退出應用'); 
 8 　　　　　　setTimeout(function(){ 
 9 　　　　　　　　first = null; 
10 　　　　　　},2000); 
11 　　　　} else { 
12 　　　　　　if(new Date().getTime() - first < 2000){ 
13 　　　　　　　　　　plus.runtime.quit(); 
14 　　　　　　　　} 
15 　　　　　　} 
16 　　　　};
17 
18 　　})

 

3：改變手機頂部狀態欄顏色

        mui.plusReady(function() {

　　　　　　plus.navigator.setStatusBarStyle('#222');
　　　　　　plus.navigator.setStatusBarBackground('#f7f7f7');

 

         }

 

4：阻止手機軟鍵盤彈出

        document.activeElement.blur();

 

5：進入頁面清除緩存

       在項目中發現，若是用openWindow打開一個新頁面，若是下次再打開，就會有上次的數據緩存，致使數據不是最新的

        解決方法：

1 mui.openWindow({
2         url: 'address.html'
3         id: 'address',
4         createNew: true, //每次都新建webview
5         styles: {
6             cachemode: "noCache"  //不使用緩存數據，所有從網絡獲取;
7         }
8 })

 

6：mui 頭部橫向滾動菜單   

 1 <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
 2         <div class="mui-scroll">
 3             <a class="mui-control-item mui-active">
 4                   推薦
 5             </a>
 6             <a class="mui-control-item">
 7               熱點
 8             </a>
 9             <a class="mui-control-item">
10                北京
11             </a>
12             <a class="mui-control-item">
13                社會
14             </a>
15             <a class="mui-control-item">
16                娛樂
17             </a>
18             <a class="mui-control-item">
19                科技
20             </a>
21         </div>
22     </div>

 7：mui首頁點擊兩次手機返回鍵退出應用

 1 var first = null;
 2 mui.back = function() {
 3     if(!first) {
 4         first = new Date().getTime();
 5         mui.toast('再按一次退出應用');
 6         setTimeout(function() {
 7             first = null;
 8         }, 2000);
 9     } else {
10         if(new Date().getTime() - first < 2000) {
11             plus.runtime.quit();
12         }
13     }
14 };