在APP制作過程中，下拉刷新和上拉加載時一直配合使用的一對功能，在之前我們給大家分享過用JS相關的上拉加載和下來刷新，有興趣的朋友可以參考：MUI進行APP混合開發實現下拉刷新和上拉加載
我們先看開下如何在MUI中使用整合的上拉下拉
第一步，第二步和下拉刷新一樣
mui.init({ subpages:[{ url:pullrefresh-subpage-url,//下拉刷新內容頁面地址 id:pullrefresh-subpage-id,//內容頁面標志 styles:{ top:subpage-top-position,//內容頁面頂部位置,需根據實際頁面布局計算，若使用標準mui導航，頂部默認為48px； .....//其它參數定義 } }] });第三步:在mui.init()內同時設置上拉加載和下拉刷新
mui.init({ pullRefresh: { container: '#pullrefresh', down: { contentdown : "下拉可以刷新",//可選，在下拉可刷新狀態時，下拉刷新控件上顯示的標題內容 contentover : "釋放立即刷新",//可選，在釋放可刷新狀態時，下拉刷新控件上顯示的標題內容 contentrefresh : "正在刷新...",//可選，正在刷新狀態時，下拉刷新控件上顯示的標題內容 callback: downFn // 下拉執行函數 }, up: { contentrefresh: '正在加載...', callback: upFn // 上拉執行函數 } }});注意: 給獲取元素加onclick點擊事件不行，需要加addEventListener自定義事件
新聞熱點
疑難解答
