Coffeescript 找不到 div - railscast 114 已修改

Question

尝试使用 will_paginate 跟随 railscast 114 的指南，使用无穷无尽的页面，但我的咖啡脚本出现错误：

home.js.coffee

jQuery ->
if $('.pagination').length
  $(window).scroll ->
   url = $('.pagination .next_page').attr('href')
   if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
     $('.pagination').text("Fetching more products...")
     $.getScript(url)
$(window).scroll()

上线：

   if $('.pagination').length

我收到以下错误：

Uncaught TypeError: Cannot read property 'length' of null

脚本似乎没有读取我的索引文件，因为脚本找不到我的任何 div 框...

请帮助...被这个无尽页面的问题困扰了一周了。

更新咖啡脚本

jQuery ->
  if $('.pagination').length
    $(window).scroll ->
      url = $('.pagination .next_page').attr('href')
      if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
        $('.pagination').text("Fetching more products...")
        $.getScript(url)
    $(window).scroll()

Answer 1

为了让它工作，你需要在加载 DOM 之后执行选择器。您在第一行中正确定义了一个函数来实现这一点，但是这个函数（在 document.ready 上执行）有一个空的主体。

简单来说就是将除第一行以外的所有代码缩进一级。

Answer 2

解决这个问题的方法是将 coffeescript 移到 application.js，用 jQuery 重写，然后调用 var $j = jQuery.noConflict();并在 evert $-sign 前面附加 $j 符号。不知道为什么这有效。认为这与同时运行的多个脚本有关。

现在看起来像这样：

var $j = jQuery.noConflict();
$j(function() {
if ($j('.pagination').length) {
$j(window).scroll(function() {
var url;
url = $j('.pagination .next_page').attr('href');
if (url && $j(window).scrollTop() > $j(document).height() - $j(window).height() - 50) {
$j('.pagination').text("Fetching more products...");
return $j.getScript(url);
}
});
return $j(window).scroll();
}
})