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,但是还是没反应求问这是怎么一回事啊