Popup without synchronous ajax

Question

我有一個胡佛請求數據從服務器顯示的彈出窗口。但是，我可以阻止多個彈出窗口的唯一方法是使用同步ajax。我明白，同步阿賈克斯應該很少，如果永遠不會被使用。這可以異步完成嗎？我只是瞭解回調需要，並有一種感覺，他們是相關的。由於

(function($){ 
    $.fn.screenshotPreview = function() { 
     xOffset = 20; 
     yOffset = 10; 

     this.hover(function(e) { 
      $.ajax({ 
       url: 'getPopup.php', 
       success: function(data) 
       { 
        $("body").append('<div id="screenshot">dl><dt>Name:</dt><dd>'+data.name+'</dd><dt>User Name:</dt><dd>'+data.username+'</dd></dl></div>'); 
        $("#screenshot") 
        .css("top",(e.pageY - yOffset) + "px") 
        .css("left",(e.pageX + xOffset) + "px") 
        .fadeIn("fast");      
       }, 
       async: false, 
       dataType: 'json' 
      }); 
     }, 
     function() { 
      $("#screenshot").remove(); 
     }); 
     this.mousemove(function(e) { 
      $("#screenshot").css("top",(e.pageY - yOffset) + "px").css("left",(e.pageX + xOffset) + "px"); 
     }); 
    }; 
})(jQuery); 

Answer 1

您想添加一個標記，你是否已經開始顯示彈出：

(function($){ 

    var showing = false; 

    $.fn.screenshotPreview = function() { 
     xOffset = 20; 
     yOffset = 10; 

     this.hover(function(e) { 
      if(!showing){ 
      showing = true; 
      $.ajax({ 
       url: 'getPopup.php', 
       success: function(data) 
       { 
        if(showing){ 
        $("body").append('<div id="screenshot">dl><dt>Name:</dt><dd>'+data.name+'</dd><dt>User Name:</dt><dd>'+data.username+'</dd></dl></div>'); 
        $("#screenshot") 
        .css("top",(e.pageY - yOffset) + "px") 
        .css("left",(e.pageX + xOffset) + "px") 
        .fadeIn("fast"); 
        }      
       }, 
       dataType: 'json' 
      }); 
      } 
     }, 
     function() { 

      showing = false; 

      $("#screenshot").remove(); 
     }); 
     this.mousemove(function(e) { 
      $("#screenshot").css("top",(e.pageY - yOffset) + "px").css("left",(e.pageX + xOffset) + "px"); 
     }); 
    }; 
})(jQuery);