0

Rails 4 ウィザードでBootstrap-slider gemを使用していますが、何らかの理由で、スライダーを使用してウィザードのステップに移動すると、正しい数のスライダーが表示されますが、次のステップに移動してから戻ると、スライダーのある段まで、2倍の数がロードされます。

意見：

<div class="form-group col-sm-6">
    <%= f.input :weightloss_desire, input_html: { data: 
        {provide: "slider",
            "slider-max": 10,
            "slider-min": 0,
            "slider-step": 1,
            "slider-tooltip": "hide",
            "slider-ticks": [1,10],
            "slider-ticks_positions": [0, 100],
            "slider-ticks_labels": ["Minimal", "Strong!"],
            "slider-tooltip": "hide", 
            "slider-value": @remote.weightloss_desire}
        }, label_html: {class:"block"}, label: "Weight loss desire"  %>
</div>
<div class="form-group col-sm-6">
    <%= f.input :daily_stress, input_html: { data: 
        {provide: "slider",
            "slider-max": 10,
            "slider-min": 0,
            "slider-step": 1,
            "slider-tooltip": "hide",
            "slider-ticks": [1,10],
            "slider-ticks_positions": [0, 100],
            "slider-ticks_labels": ["Minimal", "Strong!"],
            "slider-tooltip": "hide", 
            "slider-value": @remote.daily_stress}
        }, label_html: {class:"block"}, label: "Daily stress level"  %>
</div>

ページを更新すると、ビューが元に戻り、2 つのスライダーのみが表示されます。また、これが関連しているかどうかはわかりませんが、警告が引き続き表示されます

bootstrap-slider.min.js:4 bootstrap-slider.js - WARNING: $.fn.slider namespace is already bound. Use the $.fn.bootstrapSlider namespace instead.

しかし、スライダーをインラインで呼び出しているだけなので、それを修正する方法がわかりません

4

1 に答える 1

0

同じ問題。ターボリンクを削除することで修正されました。

削除する

宝石「ターボリンク」

Gemfile からバンドルを実行します

削除する

//= ターボリンクが必要

application.js から

于 2017-02-22T18:02:56.910 に答える