레일즈 - Jquery UI 슬라이더 - 슬라이더 값 표시

Question

Ruby on Rails에서 Jquery UI Slider 기능을 사용하는 데 어려움을 겪었습니다.

나는 슬라이더 막대를 표시하고 값을 할당했습니다. 문제는 슬라이더 값이 표시되지 않는다는 것입니다.

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

내가으로이 웹 사이트를 사용

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

이 코드의 HTML 출력 th를 생성하는 가이드 전자 다음 코드

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); }

그게 도움이되기를 바랍니다.