javascript - Turbolinks 5 [正确加载 Javascript]

Question

我正在主持sample application按问题清楚地阐述。尝试访问该网站，然后跟随另一个页面链接，使用浏览器后退返回上一页，然后使用浏览器前进按钮返回另一个页面(您可以继续来回移动)“希望您明白我在说什么”

代码:上一页

<h1>Form page</h1>
<div id="rating-form">
  <label for="rating-form"> Rating </label>
</div>

使用

加载我的 js 代码

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

doesn't work直到整页加载(正如我所料)。所以我关注了this解决方案

$(document).on('turbolinks:load', function() {

  $('#rating-form').raty({

    path: '/assets/',
    scoreName: 'review[rating]', 
    score: function(){
        return 0
    },


  });

});

导致示例应用程序中出现错误

使用 this 中的 gem 'jquery-turbolinks'解决方案doest work使用涡轮链接 5

那么我该如何处理这个问题呢？

Answer 1

您需要在页面导航之前销毁它:

$(document).on('turbolinks:before-cache', function() {
  // you will need to save current state (score, etc) before
  // doing this and load it during turbolinks:load
  $('#rating-form').raty('destroy')
});