jQuery UI Widget Factory 的范围问题

Question

我有一个范围界定问题，我无法在 Google 中找到解决方案，这是我的代码的简化版本

jQuery.widget( "myNamespace.myPlugin", {

  options: {},

  _create: function() {
    $main = this.element;
  },
  
  _init: function() {
    $main.text('ajax running');
    $.ajax({url:'some/url/path'})
    .done(function(data) {
      this._callback(data);
    });
  },
  
  _callback: function() {
    
    $main.text('ajax complete');
  }

});

$('.widget_element').myPlugin();

<html>
  <head>
    <script
     src="https://code.jquery.com/jquery-2.2.4.min.js"
     integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
     crossorigin="anonymous"></script>
    <script
     src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
     integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
     crossorigin="anonymous"></script>
  
  </head>
  <div class="widget_element"></div>
</html>

我得到的错误是：

TypeError: this._callback is not a function

在小部件环境中是否有更好的方法来执行此任务？

谢谢

Answer 1

与大多数问题一样，解决方案只会在您 post 在 SO

上提出问题后出现

显然 self = this 完全有效

jQuery.widget( "myNamespace.myPlugin", {

  options: {},

  _create: function() {
    self = this;
    $main = this.element;
  },
  
  _init: function() {
    $main.text('ajax running');
    $.ajax({url:'some/url/path'})
    .done(function(data) {
      self._callback(data);
    });
  },
  
  _callback: function() {
    
    $main.text('ajax complete');
  }

});

我希望这对以后的人有所帮助

jQuery UI Widget Factory 的范围问题

Scoping issue with jQuery UI Widget Factory

jquery-ui

jquery-ui-widget-factory