InfiniteScroll(PaulIrish)和同位素以及jQuery和路径
拼命想让同位素和宇宙飞船一起工作 同位素本身就有作用。当我介绍IS时,同位素一直在工作,但我(在Chrome开发工具中)遇到jquery错误,我不太理解,当然,IS不工作 目前的错误是:“未找到导航选择器”,因此我认为这可能与我的路径有关 我想可能有两件事,一件。我对正确语法的误解;2.我们的道路是 我的URL结构是: 因此,下一页的链接是: 这些URL在.htaccess中解释为:$p=1 下面是我尝试使用的一些代码: 显然,我包括jquery、同位素和infinitescroll js文件InfiniteScroll(PaulIrish)和同位素以及jQuery和路径,jquery,infinite-scroll,Jquery,Infinite Scroll,拼命想让同位素和宇宙飞船一起工作 同位素本身就有作用。当我介绍IS时,同位素一直在工作,但我(在Chrome开发工具中)遇到jquery错误,我不太理解,当然,IS不工作 目前的错误是:“未找到导航选择器”,因此我认为这可能与我的路径有关 我想可能有两件事,一件。我对正确语法的误解;2.我们的道路是 我的URL结构是: 因此,下一页的链接是: 这些URL在.htaccess中解释为:$p=1 下面是我尝试使用的一些代码: 显然,我包括jquery、同位素和infinitescroll js文件
<div id="photos">
<div class="item thumb">
<a class="fancybox" rel="gallery1" href="img/15_pv.jpg"><img src="img/15_th.jpg"></a>
</div>
</div>
<div class="page_nav">
<a href="http://mysite.org/tag-gal/page2">Next</a>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
<script>
var $container = $('#photos');
$(function(){
$container.imagesLoaded( function(){
$container.isotope({
layoutMode: 'masonry',
itemSelector: '.item'
});
});
});
</script>
<script>
$(function(){
$("#photos").infinitescroll({
navSelector : "div.page_nav",
Selector : "div.page_nav a",
itemSelector : "#photos div.item",
debug: true,
pathParse: ['/page', '']
},
// trigger Isotope as a callback
function( newElements ) {
$newElems.imagesLoaded(function() {
$container.isotope( 'appended', $newElems );
});
}
);
});
</script>
$(文档).ready(函数(){
$(“.fancybox”).fancybox({
openEffect:'无',
近距离效应:“无”
});
});
var$container=$(“#照片”);
$(函数(){
$container.imagesLoaded(函数(){
$container.com({
布局模式:“砌体”,
itemSelector:“.item”
});
});
});
$(函数(){
$(“#照片”)。无限滚动({
导航选择器:“div.page_nav”,
选择器:“div.page_nav a”,
项目选择器:“#照片分区项目”,
是的,
路径解析:['/page',']
},
//触发器作为回调
函数(新元素){
$newElems.imagesLoaded(函数(){
$container.同位素('added',$newElems);
});
}
);
});
希望有人能帮忙
谢谢。好的,看来很简单<代码>选择器>下一个选择器现在只需在加载新项目时正确安排项目即可。。。