0

我在 Rails 4 向导中使用Bootstrap-slider gem，由于某种原因，当我使用滑块导航到向导步骤时，它显示了正确数量的滑块，但是一旦我进入下一步，然后返回到带有滑块的步骤，加载的数量是原来的两倍。

看法：

<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

同样的问题。通过删除 Turbolinks 修复。

消除

宝石“涡轮链接”

从您的 Gemfile 并运行 bundle

消除

//= 需要涡轮链接

来自 application.js

于 2017-02-22T18:02:56.910 回答