mui 탭 전환 및 풀다운 새로 고침 데이터 목록 코드 로드

mui 프레임워크 기반의 탭 전환 및 풀다운 새로고침 로딩 데이터 목록 코드, 모바일 탭 전환 플러그인, 터치스크린 슬라이딩 풀다운 새로고침 코드입니다.

JS 코드
<script src="js/mui.min.js"></script>
<script src="js/mui.pullToRefresh.js"></script>
<script src="js/mui.pullToRefresh.material.js"></script>
<스크립트>
mui.init();
(함수($) {
//감쇠계수
var 감속 = mui.os.ios?0.003:0.0009;
$('.mui-scroll-wrapper').scroll({
반송: 거짓,
Indicators: true, //스크롤바 표시 여부
감속:감속
});
$.ready(함수() {
//모든 풀다운 새로 고침 및 풀업 로드를 초기화하는 루프입니다.
$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
$(pullRefreshEl).pullToRefresh({
아래로: {
콜백: 함수() {
var self = this;
setTimeout(함수() {
var ul = self.element.querySelector('.mui-table-view');
ul.insertBefore(createFragment(ul, index, 10, true), ul.firstChild);
self.endPullDownToRefresh();
}, 1000);
}
},
위로: {
콜백: 함수() {
var self = this;
setTimeout(함수() {
var ul = self.element.querySelector('.mui-table-view');
ul.appendChild(createFragment(ul, index, 5));
self.endPullUpToRefresh();
}, 1000);
}
}
});
});
var createFragment = function(ul, index, count, reverse) {
var 길이 = ul.querySelectorAll('li').length;
var 조각 = document.createDocumentFragment();
바르리;
for (var i = 0; i < count; i++) {
li = document.createElement('li');
li.className = 'mui-table-view-cell';
li.innerHTML = '번째' + (색인 + 1) + '탭 하위-' + (길이 + (역방향 ? (수 - i) : (i + 1)));
조각.appendChild(li);
}
조각 반환;
};
});
})(무이);