0

我有一个范围问题，我在 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

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

谢谢

4

1 回答 1

0

与大多数问题一样，只有在您在 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');
  }

});

我希望这对将来的人有所帮助

于 2016-10-05T12:13:37.843 回答