Question

我有一个弹出窗口，在胡佛请求服务器显示数据时。然而，我唯一能防止多个弹出窗口的方法是使用同步ajax。我明白，即使从未使用过同步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 );

友情链接