dedecms 列表页加载更多插件,加载更多按钮为下拉自动触发形式,本次织梦dedecms实现点击下拉加载更多主要用到js技术。
fni7HBV? 7,Y+FZ 步骤如下:
GjbOc L$ZsNs+ 1、在</head>头部加入js代码以及引入js文件。
3|D .r-Q 6E9o*YSk jquery-ias.min.js 下载地址
https://www.genban.org/imgups/soft/180206/1-1P206092342.rar 5>h/LE]" 37*2/N2 JavaScript
Bnw^W_ ]PB95% 01
{dlG3P='`f var ias = $.ias({
(O/W`qo 02
cbW=kQc_ container: ".listbox",
S";}gw?r6 03
o1H6E1$= item: ".item",
V!s#xXD } 04
%&eBkN!T pagination: ".pagelist",
QV
-ZP'e^ 05
{x~r$")c? next: ".pagelist a.next",
4wx{i6 06
D8`SI21P });
:\^jIKvZ 07
7gREcL2 ias.extension(new IASSpinnerExtension({
zek>]l`! 08
CDT;AdRw7 src: "/images/loadinglit.gif",
P.djR)YI 09
<slrzc_>& html: '<p style="text-align: center;" class="clear"><img src="{src}"/></p>'
34L1Gxf
10
0iKAg }));
l!:L<B 11
hJ75(I
*j ias.extension(new IASTriggerExtension({
(/ -90u 12
z~ua#(z1S text: '点击加载更多',
ssl.Y! 13
r-a0XNS* html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
7v}(R:* 14
$y%IM`/w offset: !1,
u,]qrlx{ 15
%zO>]f& }));
+K,T^<F; 16
Az/B/BLB ias.extension(new IASNoneLeftExtension({
tjQ6[` 17
>u]9(o7I text: '没有更多了,已经加载完!',
MjbgAH- 18
9U3 .=J html: '<p style="text-align: center; cursor: pointer;" class="clear more"><a>{text}</a></p>',
Iu^I?c[ 19
`#l1 }));
)|W6Z y2 R\SL, 找到
;D@ F @9l$jZ~x 1
EAE#AB-A {dede:pagelist listitem="pre,next,pageno,option" listsize="3"/}
9%riB/vkrF :d~mlyFI6P 修改为
%BQ?DTtb7' <[=[|DS l 1
5C9
.h:c4y {dede:pagelist listitem="next" listsize="1" runphp="yes"}
ZgmK~iJ 2
X|L_}Q7 @me = preg_replace('/<a\shref=([\'"]?).+?\1/', '$0', @me);
5i'KGL 3
Z{2QDjAI; {/dede:pagelist}
@KJmNM1]V G]dHYxG 效果即实现。
CY"i|s