如何將范圍滑塊添加到Rails應用程序？

Question

我想使用“ bootstrap-slider”將范圍滑塊過濾器添加到我的應用程序，但是我不知道如何將html屬性添加到text_field_tag。 我需要text_field_tag中的以下屬性

data-slider-min="10" data-slider-max="1000" data-slider-step="5" data-slider-value="[250,450]"

形成

    <%= form_tag @sub_category, method: 'get' do |d| %>
    <%= text_field_tag "ex2", type: 'text',
                 data: {'slider-id' => 'ex1Slider',
                        'slider-min' => '10',
                        'slider-max' => '1000',
                        'slider-step' => '5',
                        'slider-value' => '[250,450]' }
 %>
    <% end %>

腳本

<script type="text/javascript">
$( document ).ready(function() {
$("#ex2").slider({});
});
</script>

生成的HTML

<input id="ex2" name="ex2" type="text" value="{:type=>"text", :data=>{"slider-id"=>"ex1Slider", "slider-min"=>"10", "slider-max"=>"1000", "slider-step"=>"5", "slider-value"=>"[250,450]"}}" style="display: none;">

此后腳本不起作用

Answer 1

text_field_tag的第二個參數是值。 檢查文檔

這是代碼的樣子

<%= text_field_tag "ex2", nil, :data => {'slider-id' => 'ex1Slider','slider-min' => '10','slider-max' => '1000','slider-step' => '5','slider-value' => '[250,450]'  }%>

Answer 2

text_field_tag的第二個參數是值： http : //api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-text_field_tag

您需要在標簽“ ex2”的名稱后添加nil，並且不需要鍵入：'text'，因為這是默認設置，但您可以保留它。

<%= text_field_tag "ex2", nil, type: 'text',
                 data: {'slider-id' => 'ex1Slider',
                        'slider-min' => '10',
                        'slider-max' => '1000',
                        'slider-step' => '5',
                        'slider-value' => '[250,450]' }
 %>