2016-11-10 148 views
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.

但因为我只调用滑块内联,我不知道如何纠正

回答

0

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

删除

宝石 “turbolinks”

从您的Gemfile和运行捆绑

删除

// =需要turbolinks

从application.js中