dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。
dU+28 @jAuSBy 步骤如下:
'\Z54$ by,"Orpwq; 1、在</head>头部加入js代码以及引入js文件。
hVo]fD|W fFudoIC jquery-ias.min.js 下载地址
https://www.genban.org/imgups/soft/180206/1-1P206092342.rar 3yn>9qt Q"n|<!DN JavaScript
ZNNgi@6> [GJ_]w^}j 01
Dp4\rps var ias = $.ias({
#9uNJla 02
|pqc(B u container: ".listbox",
o Mk6ZzZ,> 03
ZE863M@. item: ".item",
Ml VN'w 04
*f{\ze@5= pagination: ".pagelist",
M|nTO 05
&g%9$*gmT next: ".pagelist a.next",
CmKbpN* 06
2ZW
{ });
tGv5pe*r 07
9cQZ`Ex ias.extension(new IASSpinnerExtension({
%X)w$}WH 08
foO/Yc src: "/images/loadinglit.gif",
}Fs;sfH 09
2H+!78 html: '<p style="text-align: center;" class="clear"><img src="{src}"/></p>'
t&m8 V$Q 10
mN+
w, }));
!C ]5_ 11
pK/r{/>r ias.extension(new IASTriggerExtension({
X+6`]] 12
]=Im0s text: '点击加载更多',
.T;:6/??1 13
^!a4!DGVT html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
Gs`[\<;LI 14
\.!+'2!m offset: !1,
,_+Gb 15
S(*u_ }));
$qndG,([F 16
u?Pec:3% ias.extension(new IASNoneLeftExtension({
r1pj-
17
ML:Zm~A1U text: '没有更多了,已经加载完!',
D^m`&asC 18
3haR/YN html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
#3~ #`& 19
5u5-:#sLy }));
PH1jN?OEwZ t ZL|;K 找到
59R%g .2Y yhPO$L 1
L>3- z>u, {dede:pagelist listitem="pre,next,pageno,option" listsize="3"/}
)i^+=TZ q >LAhc 7I 修改为
lWyg_YO@ H~1o^
gU 1
\D5_g8m:
{dede:pagelist listitem="next" listsize="1" runphp="yes"}
dq4t@:\o0 2
hpBn_ @me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0', @me);
~a ]R7X7 3
qKjUp" {/dede:pagelist}
Y$4dqn &0Bs?oq_ 效果即实现。
JTS<n4<a