欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

MUI整合上拉下拉的寫法

 更新時間：2017年11月15日 11:18:44   投稿：laozhang  
在制作APP的時候下拉刷新和上拉加載幾乎都是一起使用的，今天以MUI的寫法為例給大家分享一下整合的寫法。

在APP制作過程中，下拉刷新和上拉加載時一直配合使用的一對功能，在之前我們給大家分享過用JS相關的上拉加載和下來刷新，有興趣的朋友可以參考：MUI進行APP混合開發(fā)實現(xiàn)下拉刷新和上拉加載

我們先看開下如何在MUI中使用整合的上拉下拉

第一步，第二步和下拉刷新一樣

mui.init({ 
	subpages:[{ 
	url:pullrefresh-subpage-url,//下拉刷新內(nèi)容頁面地址 
	id:pullrefresh-subpage-id,//內(nèi)容頁面標志
	 styles:{ top:subpage-top-position,//內(nèi)容頁面頂部位置,需根據(jù)實際頁面布局計算，若使用標準mui導航，頂部默認為48px； .....//其它參數(shù)定義 
	 } 
	}] 
});

第三步:在mui.init()內(nèi)同時設置上拉加載和下拉刷新

mui.init({
	pullRefresh: {
		container: '#pullrefresh',
		down: {
			contentdown : "下拉可以刷新",//可選，在下拉可刷新狀態(tài)時，下拉刷新控件上顯示的標題內(nèi)容
		 contentover : "釋放立即刷新",//可選，在釋放可刷新狀態(tài)時，下拉刷新控件上顯示的標題內(nèi)容
		 contentrefresh : "正在刷新...",//可選，正在刷新狀態(tài)時，下拉刷新控件上顯示的標題內(nèi)容
			callback: downFn // 下拉執(zhí)行函數(shù)
		},
		up: {
			contentrefresh: '正在加載...',
			callback: upFn // 上拉執(zhí)行函數(shù)
		}
	}
});

注意: 給獲取元素加onclick點擊事件不行，需要加addEventListener自定義事件

如果大家對這個整合有所不理解，可以先學習一下把上拉加載和下拉刷新分開的情況，情閱讀：

Javascript下拉刷新的簡單實現(xiàn)

純javascript實現(xiàn)簡單下拉刷新功能

相關文章

最新評論