dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。
K[%)_KW nQ/R,+6h 步骤如下:
L#Mul&r3x0 U2=PmS P 1、在</head>头部加入js代码以及引入js文件。
w`kn!k8 zj ;'0Zu jquery-ias.min.js 下载地址
https://www.genban.org/imgups/soft/180206/1-1P206092342.rar ^:.=S`,^ :27GqY,3sK JavaScript
tpJe1 J< ggr\nY 01
T}ZUw;}BL var ias = $.ias({
I`?6>Z+%) 02
#$&!)13 container: ".listbox",
*_
2db 03
|K(j}^1k item: ".item",
;naD`([ 04
Ax*=kZmH| pagination: ".pagelist",
wb@TYvDt 05
ou;E@`h;x next: ".pagelist a.next",
FOB9J.w4 06
0Q^a*7w`8a });
'l+).}, 07
{H
FF|Dx ias.extension(new IASSpinnerExtension({
bL: !3|M 08
"pdq_35 src: "/images/loadinglit.gif",
xZJ
r* 09
@D<q=:k html: '<p style="text-align: center;" class="clear"><img src="{src}"/></p>'
''+6qH-.|] 10
u)]]9G
_8 }));
qDR`)hle 11
jSLNQ ias.extension(new IASTriggerExtension({
GtQ$`~r 12
%1E:rw@ text: '点击加载更多',
Tk[`kmb 13
1
J3h_z6/ html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
8*sZ/N. 14
kHj|:,'sV offset: !1,
vA(V.s` 15
?NV3]vl }));
2rS|V|d 16
i3T]<&+j5 ias.extension(new IASNoneLeftExtension({
7x
*] 17
ZJL[#}* text: '没有更多了,已经加载完!',
~~h@(2/Q>x 18
q$[x*!~ html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
*KF-q?PBb 19
E9=a+l9 }));
?:bW@x q4)8]Y2 找到
>3HLm3 T !C&!Wj 1
@/6cEiC+r\ {dede:pagelist listitem="pre,next,pageno,option" listsize="3"/}
!b<c*J?f ZU%7m_ zO 修改为
5;=,BWU ^:Vwblv( 1
# [c`]v {dede:pagelist listitem="next" listsize="1" runphp="yes"}
p"Ki$.Y 2
Fwn4c4-% @me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0', @me);
mZ9+.lm 3
g`)2I+L7 {/dede:pagelist}
zItf>j7|Z R3;GMe@D# 效果即实现。
U[5