jQueryスライダが異なる値にジャンプします

Question

基本的にユーザーがデータを入力したかどうかを確認していない場合にアラートを表示するjQuery UIスライダがあります。問題は、アラートがうまく表示されていますが、アラートボックスを閉じると、スライダが別のランダム値にジャンプし、アラートボックスが再び表示されます。これにはパターンがないようです。

jQuery(document).ready(function() { 

     jQuery("button.compareLoans").hide(); 
     jQuery("p.toBorrow").hide(); 

     jQuery("#slider").slider({ 
    value:2000, 
     min: 100, 
     max: 10000, 
     step: 100, 
     slide: function(event, ui) { 

     if(!$("#age").val()) { 
      alert("Please Enter Your Age"); 
     } 

     else if (!$("#name").val()) { 
      alert("Please Enter Your Name"); 
     } 

     else if (!$("#email").val()) { 
      alert("Please Enter Your Email"); 
     } 

     else { 

      jQuery("#amount").val(ui.value); 
      jQuery("p.loanSummary").text("Searching for loan amount €" + ui.value); 

      jQuery("button.compareLoans").show(); 
      jQuery("p.toBorrow").show(); 

     jQuery(".userData").fadeOut("slow"); 

     jQuery.post(
     MyAjax.ajaxurl, 
     { 
      action : "myajax-submit", 
      postID : MyAjax.postID, 
      postCommentNonce : MyAjax.postCommentNonce, 
      amount : $("#slider").slider("value"), 
      age : $("#age").val(), 
     }, 
     function(response) { 
      $("#content_update").html(response); 
     } 
    ); 

    } 

     } 
}); 

Answer 1

スライダーを移動させながらスライドイベントが複数回トリガされます：

任意の入力を大幅に次のようにコードが、理解されるであろう。スライダを動かすと、初めてトリガされ、アラートをキャンセルすると、すぐにトリガされます。

あなたはストップを見てみたいことがあり - 代わりに、イベント：http://api.jqueryui.com/slider/#event-stop

ユーザーがスライダーを解放したら、それは唯一のトリガーです。