js點選更多顯示更多內容效果

2022-07-24 11:45:12 字數 1027 閱讀 2681

我寫了乙個簡單的分段顯示外掛程式,

用法很簡單:

1,把你要分面顯示的內容的容器元素增加乙個class=showmorenchildren,並增加乙個自定義屬性pagesize="8" 這種

這個pagesizie有乙個預設值10。可以不寫

<

ul class

="showmorenchildren"

pagesize

="5"

>

<

li>a

li>

<

li>b

li>

<

li>c

li>

<

li>d

li>

<

li>e

li>

<

li>f

li>

<

li>g

li>

<

li>h

li>

<

li>i

li>

<

li>j

li>

<

li>k

li>

<

li>m

li>

ul>

2,頁面尾部引用這個外掛程式js檔案(在之前要先引入jquery)

js**如下

(function

()

return cnt-n;//

返回還剩餘的隱藏子元素的數量}

//對頁中現有的class=showmorehandle的元素,在之後新增顯示更多條,並繫結點選行為

$(".showmorenchildren").each(function

()

$("顯示更多

").insertafter($(this)).click(function

() ;

});}

});})();

點選載入更多內容

基本原理 頁面載入時,向後台請求資料,php通過查詢資料庫將最新的幾條記錄顯示在列表頁,在列表頁的底部有個 更多 鏈結,通過觸發該鏈結,向服務端傳送ajax請求,後台php程式得到請求引數,並作出相應,獲取資料庫相應的記錄並以json的形式返回給前台頁面,前台頁面jquery解析json資料,並將資...

js點選載入更多可以增加幾條資料的顯示

div class list div class one div class img img src img b6c.png div div class infor p class detail 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 p p class time...

TextView的檢視更多效果

先上圖 這個效果,開始想著用onclick事件,不行,後來想著用網上的一些方法,效果也沒有。然後查了查資料,用自定義控制項吧。上 public class collapsibletextview extends linearlayout implements onclicklistener publ...