jquery.infinitescroll怎么改成点击加载呢

无感五 2014-08-01 12:14:17
function item_masonry(){
$('.item img').load(function(){
$('.infinite_scroll').masonry({
itemSelector: '.masonry_brick',
columnWidth:226,
gutterWidth:15
});
});

$('.infinite_scroll').masonry({
itemSelector: '.masonry_brick',
columnWidth:226,
gutterWidth:15
});
}
$(function(){
function item_callback(){

$('.item').mouseover(function(){
$(this).css('box-shadow', '0 1px 5px rgba(35,25,25,0.5)');
$('.btns',this).show();
}).mouseout(function(){
$(this).css('box-shadow', '0 1px 3px rgba(34,25,25,0.2)');
$('.btns',this).hide();
});

item_masonry();
}
item_callback();
$('.item').fadeIn();
var sp = 1

$(".infinite_scroll").infinitescroll({
navSelector : "#more",
nextSelector : "#more a",
itemSelector : ".item",

loading:{
img: "{IMG_PATH}dd/masonry_loading_1.gif",
msgText: ' ',
finishedMsg: '没有更多案例了',

},errorCallback:function(){
$("#page").show();
}

},function(newElements){
var $newElems = $(newElements);
$('.infinite_scroll').masonry('appended', $newElems, false);
$newElems.fadeIn();
item_callback();
return;
});
$(window).unbind('.infscr');
// 手动点击的元素

$('#more a').bind("click",function(){
$(document).trigger('retrieve.infscr');
return false;

});
<script type="text/javascript" src="jquery.infinitescroll.js"></script>
<script type="text/javascript" src="jquery.masonry.js"></script>


我改成这个样子但是怎么点击都没反应,也把jquery.infinitescroll里面的scroll改成了click,但是还是没反应求问这是怎么一回事啊


...全文
165 3 打赏 收藏 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
无感五 2014-08-04
  • 打赏
  • 举报
回复
在顶一下
无感五 2014-08-01
  • 打赏
  • 举报
回复
有人吗,求帮帮忙
无感五 2014-08-01
  • 打赏
  • 举报
回复
自顶

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧