javascript - jqueryスライダーUIはホバー時に値を変更しますか?

Question

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

私は周りを見回しましたが、関連するものは何も見つかりませんでした。しかし、繰り返しになりますが、私は約 1 か月間コーディングしているので、適切に検索していない可能性があります。

何か案は？これは、車輪を再発明しなくても可能ですか?

ありがとう