我有一个以无限滚动方式加载图片的网页。我还有一个 javascript 可以在图片上添加动画。我面临的问题是加载的新图像不会获得动画属性。
首先我有我的 Javascript 代码
<script type="text/javascript">
jQuery(document).ready(
function() {
jQuery('.scroll_container').scrollExtend(
{
'target': 'div#scroll_items',
'url': '/popular_data.php',
'newElementClass' : 'mosaic-block cover2',
'onSuccess' : ''
}
);
}
);
jQuery(function($){
$('.cover2').mosaic({
animation : 'slide', //fade or slide
anchor_y : 'top', //Vertical anchor position
hover_y : '40px' //Vertical position on hover
});
});
</script>
我想做的是变量 OnSuccess 应该调用cover2镶嵌函数。但是我的 Javascript 知识不是很好。但我认为这会解决问题。
我使用的插件是: http ://buildinternet.com/project/mosaic/和 http://contextllc.com/tools/jQuery-infinite-scroll-live-scroll
我注意到,如果我将 javascript 附加到 Popular_data.php 文件,那么它将适用于倒数第二张图片,但不会适用于最后一张加载的图片。