javascript - jQuery - 为什么 $(this) 在子作用域中不起作用？

Question

除非我创建对 $(this) 的引用并将其分配给另一个变量，如 $_this = $(this);，否​​则我不明白为什么这个脚本不起作用；这是我得到的唯一解决方案，但想知道是否有更好的解决方案 - 新手较少的解决方案。观察到我希望能够在 $_this.prepend("Choose"+res) 部分中使用它，在回调函数中获得响应之后:

 $('#loadScript').one('click',function(e){
    $loading = $('<span> Loading Files... </span>');
    $(this).after($loading);
    $_this = $(this);

    $.get('eval.php',{loadScriptGetOptions:1}, function(res){
     setTimeout(function(){
      $loading.remove();
      $_this.prepend("<option>Choose</option>"+res);
     },1200)

    })

})

提前致谢。

Answer 1

您在两个地方忘记了使用var:

$loading = ...

和

$_this = ...

我喜欢 self 而不是那里丑陋的下划线。

 $('#loadScript').one('click',function(e){

    var $loading = $('<span> Loading Files... </span>');
    $(this).after($loading);

    var $self = $(this);

    $.get('eval.php',{loadScriptGetOptions:1}, function(res){
      setTimeout(function(){
         $loading.remove();
         $self.prepend("<option>Choose</option>"+res);
      }, 1200);

    });

});