Jquery 第二次 Click Fire 事件第一次丢失

Question

首先，点击一个链接将会进行ajax调用，一旦返回成功，就会调用另一个函数...

//First Call
$(this).click(ajaxHandler);

function ajaxHandler(){
    var $obj = $(this);
    var urlLink = someURL;
    var data = "id=" + "123";

    // Unbind the ajax handler to prevent re-fire before ajax request completes
    $obj.unbind("click", ajaxHandler);

    $.ajax({
        url: urlLink,
        data: data,
        cache: false,
        success: function(resp){
            // Bind the new event handler
            $obj.bind("click", someFunction);

            // Fire click on Object
            $obj.click();
        },
        error: function(){
            // Put the ajax handler back so the user can try again if it fails
            $obj.bind("click", ajaxHandler);
        }
    });
}

在这里，在“someFunction”中，我这样调用，

someFunction: function(e){
    var evt = (e) ? e : window.event;
    var p = evt.target.name;
    var x = evt.pageX;
    var y = evt.pageY;
   ............
}

我第一次收到 evt.pageX 且 evt.pageY 未定义。如果我再次单击该链接，则给出确切的位置。

我也是第一次获取 evt.target.name 的数据。这些事件对于工具提示很有用。

请帮助我第一次如何识别轴位置。提前致谢...

Answer 1

第一次是未定义的，因为单击事件是手动触发的，而不是由用户用鼠标单击触发的。要解决此问题，您可以手动调用 someFunction 而不是触发事件，并且可以传递第一个调用的事件变量。

//First Call
$(this).click(ajaxHandler);

function ajaxHandler(e){
    var $obj = $(this);
    var urlLink = someURL;
    var data = "id=" + "123";

    // Unbind the ajax handler to prevent re-fire before ajax request completes
    $obj.unbind("click", ajaxHandler);

    $.ajax({
        url: urlLink,
        data: data,
        cache: false,
        success: function(resp){
            // Bind the new event handler
            $obj.bind("click", someFunction);

            // call function in the context of $obj and pass through event variable
            someFunction.apply($obj[0],[e]);
        },
        error: function(){
            // Put the ajax handler back so the user can try again if it fails
            $obj.bind("click", ajaxHandler);
        }
    });
}

在 someFunction 中，您不必对事件变量做任何花哨的事情，jQuery 会为您标准化它:

someFunction: function(evt){
    var p = evt.target.name;
    var x = evt.pageX;
    var y = evt.pageY;
   ............
}