dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。
|P7f^0idk ;T+U&U0d| 步骤如下:
ejY5n2V#= Z^6(&Rh 1、在</head>头部加入js代码以及引入js文件。
9prsL#Fn J\$l3i/I jquery-ias.min.js 下载地址
https://www.genban.org/imgups/soft/180206/1-1P206092342.rar 'm5(MC, C(HmLEB^ JavaScript
SvP\JQ<c 0_mvz%[J 01
^p zxwt var ias = $.ias({
^[[b$h$ 02
Zt2@?w; container: ".listbox",
X7d.Ie 03
xyjVdD\ item: ".item",
A=C3e4.C 04
9Y%?)t.2 pagination: ".pagelist",
|z]2KjF&w- 05
YQ@6innT next: ".pagelist a.next",
lJzy)ne 06
"SU-^z });
l5Wa'~0qA 07
mHEf-6|C` ias.extension(new IASSpinnerExtension({
<j
9Mt=8M 08
XCIa2Syo src: "/images/loadinglit.gif",
"c/s/$k// 09
#>:(#^Uu html: '<p style="text-align: center;" class="clear"><img src="{src}"/></p>'
$C05iD 10
sjzXJ`s }));
k<Tez{< 11
!-5S8b ias.extension(new IASTriggerExtension({
t+ S~u^ 12
1U7,X6=~ text: '点击加载更多',
wVp4c?s 13
'>e79f-O) html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
TsX+. i' 14
m(Y.X=EZr offset: !1,
Cfr<D3&,] 15
\oB' }));
i-k >U}[% 16
f]ue#O ias.extension(new IASNoneLeftExtension({
`c' 17
;+i'0$;*w text: '没有更多了,已经加载完!',
={`CHCI 18
I7fb}j`/ html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
%AG1oWWc>. 19
+}^|dkc }));
9c6czirwR^ ^kn^CI6 找到
FxCZRo& ebN(05ZV 1
Vd+td;9( {dede:pagelist listitem="pre,next,pageno,option" listsize="3"/}
IKi{Xh]\ <4bz/^ 修改为
A8pj~I/*- l{Jt s I 1
T><{ze {dede:pagelist listitem="next" listsize="1" runphp="yes"}
'K@-Z] 2
qib7Z]j @me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0', @me);
EgTFwEj 3
?Z q_9T7 {/dede:pagelist}
bGv*-;* zv //K_ 效果即实现。
kG/X"6pZ