Question

我希望使用＆＃34; bootstrap-slider＆＃34;添加范围滑块过滤器到我的应用程序但我不知道如何将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的第二个参数是值。 Check the docs

以下是代码

的方式

<%= 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

您需要在标记名称后添加nil＆＃34; ex2＆＃34;而且你不需要输入：＆＃39; text＆＃39;因为那是默认值，但如果你愿意，你可以保留它。

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

如何将范围滑块添加到rails应用程序？

2 个答案: