Rails - JQuery UI Slider - показывает значение ползунка

Question

У меня были некоторые трудности с получением функции Jquery UI Slider, работающей в Ruby on Rails.

Мне удалось отобразить ползунок и присвоить ему значения. Проблема в том, что значение ползунка не отображается.

application.js

$(function() { 
    $("#slider").slider({ 
    min: 400, 
    max: 2400, 
    value: 1500, 
    animate: "slow", 
    orientation: "horizontal", 
    slide: function(event, ui) { 
     $("#price").val(ui.value); 
    } 
    }); 
}); 

index.html.erb

<%= form_tag Product.new do |f| %> 

    <%= label_tag :price %> 
    <%= hidden_field_tag :price %> 

<% end %> 

Вот HTML выход из этого кода

<form accept-charset="UTF-8" action="/components" method="post"><div style="display:none"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="pfd9cKHWlEm/xdJmsegoc20CSFWLfQcbkbva27B/SgQ=" /></div> 

<label for="price">Price</label> 
<input id="price" name="price" type="hidden" /> 

</form><div id="slider"></div> 

Я использовал этот сайт, как руководство по генерации е следующий код

http://api.jqueryui.com/slider/

slide: function(event, ui) { 
    $("#price").val(ui.value); 
} 

я понял, что slide события срабатывает на все движения мыши. Я ввел вышеуказанный код, и значение ползунка все еще не отображается.

Любая помощь приветствуется. Благодаря

Answer 1

значение не показано, так как тип входного поля «скрытый», пожалуйста, используйте поле «текст» вместо,

Обновленное значение можно проверить в консоли разработчика через console.log() :

slide: function(event, ui) { console.log(ui.value); $("#price").val(ui.value); }

Я надеюсь, что помогает.