javascript - InfiniteAjaxScroll类型错误: $ is undefined

Question

您好，我正在尝试在 Silverstripe 中使用无限 Ajax 滚动。

设置如入门页面中所述 http://infiniteajaxscroll.com/docs/getting-started.html并且“jquery-ias.min.js”在包含 jquery.js 之后通过我的 Page.ss 模板上的 include 语句进行引用

但无论我如何尝试，我都会得到:TypeError: $ is undefined

知道我错过了什么吗？谢谢!

页面.ss

<% require javascript('framework/thirdparty/jquery/jquery.js') %>
<% require javascript('framework/thirdparty/jquery-tools/jquery.tools.min.js') %>
<% require javascript('framework/thirdparty/jquery-ias.min.js') %>
<script type="text/javascript" src="{$ThemeDir}/javascript/script.js"></script>    

脚本.js

jQuery.noConflict();
// jQuery.noConflict(); <-- uncommenting jQuery.noConflict solves it!

(function($) {
    $( document ).ready(function() {

        var ias = jQuery.ias({
          container:  '#posts',
          item:       '.post',
          pagination: '#pagination',
          next:       '.next'
        });
     });
}(jQuery));

标记

<div id="posts">
    <div class="post">...</div>
    <div class="post">...</div>
</div>

<div id="pagination">
    <a href="/page2/" class="next">next</a>
</div>

Answer 1

解决方案是离开 jQuery.noConflict();!

// jQuery.noConflict(); <-- uncommenting jQuery.noConflict solves it!

(function($) {
    $( document ).ready(function() {

        var ias = jQuery.ias({
          container:  '#posts',
          item:       '.post',
          pagination: '#pagination',
          next:       '.next'
        });
     });
}(jQuery));