mui 上拉載入更多的使用

2022-07-23 15:06:21 字數 3062 閱讀 9818

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 重要 這是使用了 時 用到的 如果用 滾動載入方...