JavaScript 并不总是加载

Question

我有一个简单的主页 slider ，我正在尝试启动它。我已经尝试过使用 flexslider 和其他一些 slider javascript 脚本。奇怪的是，它在第​​一页加载时加载得很好，如果我硬刷新它的话。在这两种情况下，它都会按您的预期加载。但是，如果您单击带有 slider 的页面，然后返回页面(不进行硬刷新)，则 slider 根本不会显示。

我正在使用新的 Rails 4.0.0 应用程序。

我已将 flexslider 和其他 slider jquery 代码放置在 vender/assets/javascript 目录中。然后在 app/assets/javascript/pages.js.coffee 页面中我有:

$(document).ready ->
  $(".flexslider").flexslider animation: "slide"

我也将其更改为:

$(window).load ->
  $(".flexslider").flexslider animation: "slide"

以及:

$ ->
  $(".flexslider").flexslider animation: "slide"

但都会导致同样的问题。

知道我可能会错过什么吗？

Answer 1

我认为问题是因为你有turbolinks gem，它只加载部分或页面，而不是全部。所以 document.ready 事件不起作用。你可以试试这个:

$(window).bind 'page:change', ->
  $(".flexslider").flexslider animation: "slide"