使用滑塊提交表單後重點關注滑塊

Question

我正在使用jquery ui滑塊，並且當滑塊滑動時，表單被提交。代碼如下：

<script type="text/javascript"> 
    $(function() { 
     $("#slider").slider({ 

         min: 2000, 
         max: 2008, 
         value:<%=@epoch.start_year %>, 
         slide: function(event, ui) { 
          $("#slider_value").html(ui.value); 
          $("form#new_epoch").submit(); 
          }       
     }); 

    }); 
</script> 

當我將滑塊移動到不同的值，表單提交然而，當重新加載頁面上的滑塊失去焦點。我期待做的是每次移動滑塊並使滑塊保持焦點時移動滑塊。我正在使用箭頭鍵移動滑塊。

Answer 1

假設你不想使用HTML的AJAX和負載部分頁面，並要繼續刷新整個頁面，則可以將焦點設置在滑塊手柄網頁加載與$(".ui-slider-handle").focus();：

<script type="text/javascript"> 
$(function() { 
    $("#slider").slider({ 

        min: 2000, 
        max: 2008, 
        value:<%=@epoch.start_year %>, 
        slide: function(event, ui) { 
         $("#slider_value").html(ui.value); 
         $("form#new_epoch").submit(); 
         }       
    }); 
    $(".ui-slider-handle").focus(); 
}); 
</script>