javascript - 无限ajax滚动不起作用

Question

我使用infinite-ajax-scroll来加载图像。

这是我的代码

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  
<script src="{$this->scriptFolder}jqueryui.js"></script> 
<script type="text/javascript" src="https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/jquery-ias.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
    alert('in to');
        jQuery.ias({
            container : '.slider',
            item: '.thumbnails',
            pagination: '#outertt .pagination',
            next: '.pager_check',
            loader: '<img src="https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/images/loader.gif"/>',
            triggerPageThreshold: 2
        });
    });
</script>

此代码是根据他们提供的演示代码。
但我收到一个错误：

 Uncaught TypeError: Object function (e,n){return new x.fn.init(e,n,t)} has no method 'ias'

有人知道吗？

Answer 1

如果你检查任何浏览器的控制台，它会抛出这个错误，因为下面的 JS 没有正确加载。

https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/jquery-ias.js

原因：Mime 类型问题。

我建议你下载 JS 文件，并从本地引用它，它会工作。