0

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

我环顾四周,没有发现任何相关的东西。但是话又说回来,我已经编码了大约一个月,所以也许我没有适当地搜索。

有任何想法吗?这甚至可以在不重新发明轮子的情况下实现吗?

谢谢

4

0 回答 0