Question

我一直试图让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时，我仍然是一个小菜。

谢谢！

Answer 1

正如我想的那样......当我将Jquery加载到两个不同的位置时，我在这个问题上都是一个愚蠢的错误，无论是在页眉还是页脚中。从页脚中删除它，现在它可以正常工作。

jquery-ias问题 - 不加载页脚

1 个答案: