Railsでは、pageloadの後に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)); 
}); 

するとページが読み込ま、制約スライダーは消え、その後、非常に簡単に表示されます。リフレッシュ時に、これらの項目が再表示されます。 jquery-turbolinks gemをhereとしてインストールし、それを私のapplication.jsファイルに追加し、アセットをプリコンパイルしてサーバーを再起動しました。

application.js

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

これが役立っているようには見えません。同様の問題はjquery-turbolinks readmeに記載されています（例：ダブルロード...）が、私のコードには記載されている問題のいずれかが表示されません。

さらに詳しい提案はありますか？

Answer 1

この問題が以前に発生しました。解決策は、あなたがTurbolinks 5を使用している場合、あなたはjquery.turbolinksを使用しないようにしたいことがあり

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