1、在函式自己上拉載入行為後的**函式
該函式是必須要寫的,用來寫自己的邏輯需求,但是一般情況下,需要設定顯示為「載入更多」還是「沒有更多資料了」。
看了一些部落格和官方文件,基本上都把這個設定放在了定時器中
在定時器中呼叫獲取資料的方法(自己的業務需求)
2、在mui封裝的上拉載入中,點選某一項會失效。這個是真的很坑。不過網上也有解決方法。就是採用事件監聽的方式,阻止預設行為
mui('選擇器').on('tap','選擇器',function(e))
一開始我將上述**放在了mui.plusready()函式裡面,可是事件並沒有觸發,所以,當我將它mui.plusready()中拿出來,事件就起作用了,我並不知道這是為什麼,如果你偶爾看到這篇文章,可以告訴我一下。
我將這個使用demo放在了自己的github上,**:
在部落格中也貼一下**
doctype html
>
<
html
>
<
head
lang
="en"
>
<
meta
charset
="utf-8"
>
<
meta
name
="viewport"
content
="width=device-width,minimum-scale=1.0,maximum-scale=1.0"
/>
<
script
>
window.onload
=function
() ;
window.onresize
=function
() ;
function
getrem(pwidth, prem)
script
>
<
link
rel="stylesheet"
href
="../css/mui.min.css"
/>
<
link
rel="stylesheet"
href
="../css/reset.css"
/>
<
title
>關於mui的上拉載入
title
>
<
style
>
.mui-content
h2 style
>
head
>
<
body
>
<
div
class
="mui-content"
>
<
h2>上拉載入
h2>
<
div
class
id="pullrefresh"
>
<
div
class
="mui-scroll"
>
<
ul class
="mui-table-view"
id="listcontainer"
>
<
li class
="mui-table-view-cell"
>
list1
li>
<
li class
="mui-table-view-cell"
>
list2
li>
<
li class
="mui-table-view-cell"
>
list3
li>
<
li class
="mui-table-view-cell"
>
list4
li>
ul>
div>
div>
div>
<
script
src="../js/jquery-2.1.3.min.js"
>
script
>
<
script
src="../js/mui.min.js"
>
script
>
<
script
>
(function
($, doc)
}});
varflag
=true
, counter =1
, pagesize =10
;
function
pullfreshfunc() ,
500);
}function
getdata() ,
success:
function
(response)
for(let i =0
; i
<
list.length; i
++)
jquery(
'#listcontainer
' },
error:
function
(error) })}
//點選單項事件
//mui中上拉載入中的坑1:點選事件失效(不需要放在mui.plusready()中)
mui(
'#pullrefresh
').on(
'tap',
'li.mui-table-view-cell',
function
(e) )
}(mui, document))
script
>
body
>
html
>
上拉載入更多
在ios開中中,由於螢幕尺寸限制,如果需要顯示的資料很多,需要用到分頁載入。資料來源是個array nsmutablearray items viewcontroller的這個方法返回資料條數 1是為了顯示 載入更多 的那個cell nsinteger tableview uitableview t...
MUI 上拉載入分頁
mui ds company user pullrefresh function userpulluprefresh 1500 使用者列表 var pagestart 0 開始資料條數 var page 1 當前頁 var pagesize 20 每頁顯示條數 var isover false 是否...
js上拉載入更多
方法一 jq var page 1,分頁碼 off on false,分頁開關 滾動載入方法 1 中用的 timers null 定時器 滾動載入方法 2 中用的 載入資料 var loadingdatafn function off on true 重要 這是使用了 時 用到的 如果用 滾動載入方...