![](/img/trans.png)
[英]jquery-ias plugin doesnt work with my website, load more items doenst work
[英]jquery-ias Issue - Not Loading with Page Footer
我一直在嘗試使jquery-ias插件與我的網站一起使用,但是當我在頁面底部添加頁腳時似乎出現了問題。 只要不包含頁腳,該插件就可以正常工作並按預期加載頁面。 但是,當我包含頁腳時,它停止滾動,而是顯示“下一步”鏈接。
這是代碼:
<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>
這是我的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');?>
希望這是我在這里想念的愚蠢的事情...。(在javascript / jQuery方面,我還是一個菜鳥。
謝謝!
正如我所想的那樣,這是一個愚蠢的錯誤,因為我在兩個單獨的位置(分別在頁眉和頁腳中)加載了Jquery。 從頁腳中刪除它,現在它可以工作了。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.