別のjavascriptを実行しているときにajaxでmousedownを実行するには - Jquery

Question

私はこのjavascriptメソッドに問題があります。月が変わるとajaxが呼び出され（mouseupイベント）、ajaxに別のjavascriptコード（$ .blockUI）があり、このjavacriptが実行されると（$ .blockUI）mouseupイベントが機能しません。 mouseupイベントがトリガされないようにスライドします。 JavaScriptコード（$。blockUI）が実行されているときに停止します。ここに私のコードです。

$('#input-range-slider').unbind('mouseup.input-range-slider').bind('mouseup.input-range-slider',function(event){ 
 
     url = (....... + this.value); 
 
    BindReport(url); 
 
    }); 
 

 

 
    function BindReport(givenUrl) { 
 
     $.ajax({ 
 
      cache: true, 
 
      url:givenUrl, 
 
      type:"GET", 
 
      contentType: "application/json", 
 
      beforeSend: function() { 
 
       $.blockUI(
 
        { 
 
         message: $('<h2><img src=".....loading.gif" /><br />' + messageText + '</h2>'), 
 
         css: { 
 
          border: 'none', 
 
          padding: '15px', 
 
          background: 'none', 
 
          '-webkit-border-radius': '10px', 
 
          '-moz-border-radius': '10px', 
 
          opacity: .5, 
 
          color: '#fff' 
 
         } 
 
        } 
 
        ); 
 
      }, 
 
      success: doSomething(), 
 
      error: doSomething(), 
 
      complete: function(){ 
 
       $.unblockUI(); 
 
      } 
 
     }); 
 
    }

https://jsfiddle.net/v209h1qp/

Answer 1

あなたのアンバインド/バインドは悪い習慣です。 方が良い、この記述する必要があります：ところで

var current_element = $('#input-range-slider'); 
var parent = current_element.closest('#always-present-parent-element'); 

parent.on('mouseup', '.input-range slider', function(event){ 
    url = (....... + current_element.value); 
    BindReport(url); 
}); 

を、beforeSendはここに無用である、とあなただけ書くことができるように、キャッシュ/タイプ値は、デフォルトのものです：それは働いていません

function BindReport(givenUrl) { 

    $.blockUI({ 
    message: $('<h2><img src=".....loading.gif" /><br />' + messageText + '</h2>'), 
    css: { 
     border: 'none', 
     ... 
    } 
    }); 

    $.ajax({ 
    url:givenUrl, 
    contentType: "application/json", 
    success: doSomething(), 
    error: doSomething(), 
    complete: function(){ 
     $.unblockUI(); 
    } 
    }); 
}