无限-ajax-scroll无法正常工作

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 Type问题。

我建议您下载JS文件，并从本地引用它，它将起作用。