load() API调用函数回调范围

Question

我已经用 JS 编码有一段时间了，但不知怎的，我总是遇到一些“抓头”类型的问题。我认为我需要进行一些深入研究，但与此同时有人可以帮助解决这个问题吗？

所以问题是这样的： 我正在将项目（由 $(this) 获取）传递到回调函数中。这段代码不起作用——当我真的认为它应该起作用时。由于我已将 $(this) 放入变量中（克隆数据？），然后通过函数将其传递到回调中，所以它肯定不会丢失数据吗？但确实如此，而且可怕的是

// Allow hrefs with the class 'ajax' and a rel attribute set with a selector to load via ajax into that selector.
$(".ajax").unbind("click").click
(
    function(e)
    {

        var locationhint = $(this).attr("rel");            
        var $location = $(locationhint);
        $location.html ("<img src='images/blockloading.gif' />");            
        $location.load($(this).attr("href").replace("index.php", "ajax.php"), '', function($location){dready($location);}); 
        e.preventDefault();
    }
); 

，现在不起作用。

这个有效：

$(".ajax").unbind("click").click
(
    function(e)
    {             
        $("#myspecificdiv").load($(this).attr("href").replace("index.php", "ajax.php"), '', function(){dready($("#myspecificdiv"));}); 
        e.preventDefault();
    }
); 

我认为这是一个范围问题，但我也做了这个，它应该有效，因为它与上面的“静态”完全一样，本质上，因为它传递元素的文本 ID。 这个也坏了：。

$(".ajax").unbind("click").click
(
    function(e)
    {
        var locationhint = $(this).attr("rel");            
        var $location = $(locationhint);
        $location.html ("<img src='images/blockloading.gif' />");  
        var locationid = "#" + $location.attr("id");
        $location.load($(this).attr("href").replace("index.php", "ajax.php"), '', function(locationid){dready($(locationid));});
        e.preventDefault();
    }
); 

损坏的，当我console.log locationid时，返回目标DIV的内部HTML。 $location.attr("id");当其他地方没有调用它时，无法返回原始 HTML？那么这是我接受的范围吗？但那么它是如何获取内部 HTML 的呢？

有什么解决办法吗？

更新： 在我发布这篇文章 12 秒后，我突然想到 function($location){dready($location);} 回调上的内部函数可能会自动传递 AJAX 调用响应？但为什么？

Answer 1

您不能执行此 function($location){dready($location);} 但您不需要这样做，因为外部作用域已定义 $location ，回调函数将理解此 var 而无需尝试传递它到回调函数中，因此在这种情况下

function(){dready($location);}

将起作用。

解决范围问题的另一种方法是使用 $.proxy。这允许您设置调用函数的 this 上下文。 jQuery.proxy( dready, $location ) 返回一个可用作回调的函数，调用该函数时将调用 dready 方法，并将其设置为 $location。

例如

$location.load($(this).attr("href").replace("index.php", "ajax.php"), '', jQuery.proxy( dready, $location );});