在Rails中，jQuery对象在页面加载后消失，刷新后重新出现

Question

我有一些定制的jQuery代码为业务优化机器创建前端。

simutronX.js

$(function(){
    $("#slider_constraint_a").slider({
    orientation: "vertical",
    range: true,
    values: [17, 67],
    slide: function(event, ui) {
      $("#constraint_a").val(ui.values[0] + " - " + ui.values[1]);
      }
    });
    $("#constraint_a").val($("#slider_constraint_a").slider("values", 0) +
      " - " + $("#slider_constraint_a").slider("values", 1));

    ...

    $("#slider_constraint_e").slider({
    orientation: "vertical",
    range: true,
    values: [17, 67],
    slide: function(event, ui) {
      $("#constraint_e").val( ui.values[0] + " - " + ui.values[1] );
      }
    });
    $("#constraint_e").val( $("#slider_constraint_e").slider("values", 0) +
      " - " + $("#slider_constraint_e").slider("values", 1));
});

页面加载时，约束滑块会非常短暂地出现，然后消失。 刷新后，这些项目会重新出现。 我已经按照此处的建议安装了gem-jquery-turbolinks gem，并将其添加到我的application.js文件中，然后预编译资产并重新启动服务器。

的application.js

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require jquery-ui

这似乎没有帮助。 jquery-turbolinks自述文件中列出了类似的问题（例如，双重加载...），但是我的代码似乎没有列出任何问题。

还有其他建议吗？

Answer 1

我以前有这个问题。 解决方案是在您的js文件中用on change操作而不是on load操作包围Jquery代码

 $(document).on('page:change', function(){