muiタブの切り替えとプルダウンのリフレッシュ読み込みデータリストコード

これは、mui フレームワークに基づくタブ切り替えおよびプルダウン更新ロード データ リスト コード、モバイル タブ切り替えプラグイン、およびタッチ スクリーンのスライド プルダウン更新コードです。

jsコード
<script src="js/mui.min.js"></script>
<script src="js/mui.pullToRefresh.js"></script>
<スクリプト src="js/mui.pullToRefresh.material.js"></script>
<スクリプト>
mui.init();
(関数($) {
//減衰係数
var 減速 = mui.os.ios?0.003:0.0009;
$('.mui-scroll-wrapper').scroll({
バウンス: false、
Indicators: true, //スクロールバーを表示するかどうか
減速度:減速度
});
$.ready(function() {
//すべてのプルダウン リフレッシュとプルアップ ロードを初期化するループ。
$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
$(pullRefreshEl).pullToRefresh({
下: {
コールバック: function() {
var self = this;
setTimeout(function() {
var ul = self.element.querySelector('.mui-table-view');
ul.insertBefore(createFragment(ul,index,10,true),ul.firstChild);
self.endPullDownToRefresh();
}, 1000);
}
},
アップ: {
コールバック: function() {
var self = this;
setTimeout(function() {
var ul = self.element.querySelector('.mui-table-view');
ul.appendChild(createFragment(ul,index,5));
self.endPullUpToRefresh();
}, 1000);
}
}
});
});
var createFragment = function(ul、インデックス、カウント、リバース) {
var length = ul.querySelectorAll('li').length;
var Fragment = document.createDocumentFragment();
ヴァルリ;
for (var i = 0; i < count; i++) {
li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = 'th' + (index + 1) + 'tab child-' + (length + (reverse ? (count - i) : (i + 1)));
フラグメント.appendChild(li);
}
フラグメントを返す;
};
});
})(ムイ);
</スクリプト>