Javascript jquery ias问题-不使用页脚加载
我一直在尝试让jQueryIAS插件与我的网站配合使用,但当我在页面底部添加页脚时,似乎出现了问题。只要不包含页脚,插件就可以完美地工作,并按预期加载页面。然而,当我包含页脚时,它停止滚动,而是显示“下一步”链接 代码如下:Javascript jquery ias问题-不使用页脚加载,javascript,php,jquery,infinite-scroll,jquery-ias,Javascript,Php,Jquery,Infinite Scroll,Jquery Ias,我一直在尝试让jQueryIAS插件与我的网站配合使用,但当我在页面底部添加页脚时,似乎出现了问题。只要不包含页脚,插件就可以完美地工作,并按预期加载页面。然而,当我包含页脚时,它停止滚动,而是显示“下一步”链接 代码如下: <script type="text/javascript"> $(document).ready(function() { // Infinite Ajax Scroll configuration jQuery.ias({ c
<script type="text/javascript">
$(document).ready(function() {
// Infinite Ajax Scroll configuration
jQuery.ias({
container : '.property-details', // main container where data goes to append
item: '.property-details-item', // single items
pagination: '.pagination', // page navigation
next: '.pagination a', // next page selector
loader: '<img src="http://<?php echo SITE_URL;?>/img/ajax-loader.gif" style="width:auto; text-align:center;" />', // loading gif
triggerPageThreshold: 3 // show load more if scroll more than this
});
});
</script>
$(文档).ready(函数(){
//无限Ajax滚动配置
jQuery.ias({
容器:'.property details',//将数据附加到的主容器
项:'.property details项',//单个项
分页:'.pagination',//页面导航
下一页:'.pagination a',//下一页选择器
加载程序:'/img/ajax loader.gif“style=“width:auto;text align:center;”“/>',//加载gif
triggerPageThreshold:3//如果滚动次数超过此值,则显示加载次数
});
});
这是我的HTML/PHP:
<div class="col-md-9 property-details big">
<div class="property-details-item" id="item-$mlnum">
<figure class="item-thumbnail">
$image
<span class="overthumb"></span>
<div class="icons"><a href="$link"><i class="icon-plus"></i></a></div>
</figure>
<ul class="features">
<li><span class="price">$price</span></li>
<li><i class="icon-battery"></i> $baths Bathrooms</li>
<li><i class="icon-keyboard"></i> $beds Bedrooms</li>
<li><button class="btn btn-details" onclick="location.href='$link'">View Details</button></li>
</ul>
<h5><a href="$link">$listTitle</a></h5>
<p class="subtitle"><i class="icon-location"></i> <a href="$suburl">$subdivision</a></p>
<p>$description</p>
</div>
<?php if (isset($next)): ?>
<ul class="pagination">
<li><a href='search.php?<?php if(isset($_GET['submit'])){echo $_SERVER['QUERY_STRING']."&p=".$next;}else{echo "p=".$next;}?>'>Next</a></li>
</ul><br />
<?php endif?>
</div> <!--.property-details-->
<?php include('quickSearch.php'); ?>
</div>
</div>
</section>
<!-- end Content -->
<?php include('footer.php');?>
$image
- 美元价格
- $baths浴室
- 美元床位卧室
- 查看详细信息
$description
希望这是我在这里遗漏的一些愚蠢的东西……(当涉及到javascript/jQuery时,我仍然是一个不速之客
谢谢!正如我所想的那样……我在两个不同的地方加载Jquery时犯了一个愚蠢的错误,都是在页眉和页脚。从页脚中删除了它,现在它可以工作了