Rails 4 - 咖啡脚本未部分执行

Question

我有一个显示运动队的视图。当您单击一个团队时，一个信息选项卡会通过 ajax 填充时间表、花名册等，它会调用控制器来处理对外部 API 或本地数据库的调用（取决于要显示的数据）。然后，ajax 通过一个咖啡脚本文件使用返回的数据呈现一个部分。

到目前为止，一切都很好——但是咖啡脚本中返回的部分永远不会被执行。您可以在此处看到一个带有部分返回的确切 js 的 jsfiddle：http://jsfiddle.net/43XAQ/1/

coffeescript 文件如下所示：

$(document).ready -> // same issue with or without the document.ready
  <% @poll.each do |p| %>
    $ = jQuery; // tried with and without this line-- no change
    $('#poll_body').append("<%= j render(partial: 'poll/place', locals: { place: p }) %>")
  <% end %>

它正在加载的视图有一个简单的表格，就像上面的小提琴一样。

我认为是 turbolinks 造成的，因为我在其他 js 元素上也遇到过这个问题——但我安装了jquery-turbolinks gem，它解决了其他问题，但没有解决这个问题。完全相同的代码在 jsfiddle 中效果很好，但在我的本地站点中却不行。所以我认为这与 Rails 如何加载 js 有关？

编辑：是的，我使用开发工具查看返回的内容。抱歉，如果不清楚 - 这正是我在上面链接的小提琴中粘贴为 js 组件的内容：

    (function() {
        var $;
        $ = jQuery;
        return $('#poll_body').append("<tr>\n   <td>10<\/td>\n  <td><a href=\"/team/236\">Oklahoma State Cowboys<\/a><\/td>\n   <td>AP Poll<\/td>\n <td>3<\/td>\n <\/tr>");
      });

    }).call(this);

编辑2：

还有几点：

1) 如果我在 coffescript 文件中除了警报或控制台日志之外什么都不做，它仍然什么都不做。

2) 对调用咖啡脚本的控制器的实际调用是一个标准的 jQuery click 事件。在投票视图中加载了一个polls.js 文件，它执行以下操作：

$( document ).ready(function() {
  $('#poll').on('click', '.poll-item', function(){  
    doActive(this);
    current_team = this.id;
  });
});

// snip //
var doActive = function(el){
    // some other stuff
    getNews(current_team); // calls a webservice via ajax, works fine.
    getRoster(current_team); // calls a webservice via ajax, works fine.
    getPolls(current_team);  // calls the controller via ajax, returns coffeescript properly, coffeescript never gets executed    
}

Answer 1

如果是 AJAX 响应，则不需要 $(document).ready()。页面首次加载时会触发它，但我相信每次收到响应时都不会再次触发它。

Answer 2

令人难以置信，但显然问题在于调用控制器操作的 jQuery ajax 函数默认为 dataType: 'json' - 这使得一切都按设计工作，但由于数据（可能）被返回为 @987654323 @ 而不是 js，coffeescript 没有被解雇。

我重写了所有 js 操作，因为我已经完成了我能想到的所有其他操作，而且这似乎已经解决了它。

感谢大家的想法和帮助。

Answer 3

Turbolinks

问题可能出在turbolinks，因为您尝试使用$(document).ready 渲染anonymous function，而typically fails with turbolinks

我不知道这是否是实际问题，但您可能希望让您的代码更“对涡轮链接友好”：

#-> I hope you have `.erb`appended to this file - otherwise @polls won't owrk

polls ->
  <% @poll.each do |p| %>
    $ = jQuery; // tried with and without this line-- no change
    $('#poll_body').append("<%= j render(partial: 'poll/place', locals: { place: p }) %>")
  <% end %>

$(document).on "page:load ready", polls

编辑 - 我刚刚读到您认为问题出在 Turbolinks 上，您可能希望忽略我上面的建议（尽管我会留下它们的想法）