我在 Rails 开发中使用 jquery ui 滑块值,默认行为是
- 当用户单击滑块时,值会更新
- 为了将值发送到 HTTP POST,我将它包裹在一个表单上并添加了一个提交按钮。
我在下面编写的代码就是这样工作的,而且效果很好。
我想让它工作,以便
- 当用户将鼠标悬停在滑块上时,该值会更新
- 单击滑块设置值并发送表单
- 不需要提交按钮
我的功能
<script type='text/javascript'>
$(function() {
$( "#slider-horizontal-1" ).slider({
orientation: "horizontal",
range: "min",
min: 0,
max: 100,
value: 1,
slide: function( event, ui ) {
$( "#amount-1" ).val( ui.value );
}
});
$( "#amount-1" ).val( $( "#slider-horizontal-1" ).slider( "value" ) );
});
</script>
<%= form_tag('/relationships/update/', :remote => true, :id => "relationships_form_1") do %>
<li id='box_li'>
<%= submit_tag 'Ready', :id => 'box_button' %>
<div id="slider-horizontal-1" class="sliders"></div>
<%= text_field_tag 'knows_me', value = :knows_me, :size => 2, :id => "amount-1" %>%
</li>
<% end %>
我环顾四周,没有发现任何相关的东西。但是话又说回来,我已经编码了大约一个月,所以也许我没有适当地搜索。
有任何想法吗?这甚至可以在不重新发明轮子的情况下实现吗?
谢谢