Jquery 中止事件上的ajax调用

Jquery 中止事件上的ajax调用,jquery,ajax,Jquery,Ajax,在变量中分配ajax调用,比如说myAjaxCall,并使用myAjaxCall.abort() 这部分代码甚至不会被命中,因为AJAX位于条件块的不同部分。是的,这是真的。但我不明白它为什么仍在执行这一部分。这里有什么问题?问题是当我单击个性化类时,它没有“加载个性化”和“divPersonalized”,所以它需要AJAX调用…当我再次单击时。个性化及时id#loading#U personalized显示时,它会隐藏,但上一个ajax调用尚未取消,因此它会执行并显示#divPersonal

在变量中分配ajax调用,比如说
myAjaxCall
,并使用
myAjaxCall.abort()


这部分代码甚至不会被命中,因为AJAX位于条件块的不同部分。是的,这是真的。但我不明白它为什么仍在执行这一部分。这里有什么问题?问题是当我单击个性化类时,它没有“加载个性化”和“divPersonalized”,所以它需要AJAX调用…当我再次单击时。个性化及时id#loading#U personalized显示时,它会隐藏,但上一个ajax调用尚未取消,因此它会执行并显示#divPersonalized,,但我希望在#loading#U personalized显示时,我单击。个性化上一个ajax调用也会取消。。
     $(document).ready(function(){

$(".Personalized").click(function(){



    if($("#divPersonalized").is(':visible')){

        $('#triangle-personalized').hide();
        $("#divPersonalized").hide();
    }

    else if($('#loading_personalized').is(':visible'))
    {
        $('#loading_personalized').hide();
                   //if this event is true, abort ajax call here

    }

    else {


    $.ajax({

        type:"POST",
        url:"personalized.php",
        cache:false,
        beforeSend: function(){
            $('#loading_personalized').show();
            $('#triangle-personalized').show();
        },

        complete: function(){
            $('#loading_personalized').hide();

        },
        success: function(html){


            $("#divPersonalized").html(html).show();
        }


    });
    }       
});
$(document).ready(function(){
   $(".Personalized").click(function(){
     if($("#divPersonalized").is(':visible')){
        $('#triangle-personalized').hide();
        $("#divPersonalized").hide();
     } else if($('#loading_personalized').is(':visible')){
        $('#loading_personalized').hide();
        //if this event is true, abort ajax call here
         myAjaxCall.abort();
     } else {
         myAjaxCall =  $.ajax({
                 type:"POST",
                 url:"personalized.php",
                 cache:false,
                 beforeSend: function(){
                 $('#loading_personalized').show();
                 $('#triangle-personalized').show();
                 },

                 complete: function(){
                     $('#loading_personalized').hide();
                 },
                 success: function(html){
                     $("#divPersonalized").html(html).show();
                 }
            });
      } 
     });
});