jQuery UI Widget Factory

时间:2016-10-05 11:00:32

标签: jquery-ui jquery-ui-widget-factory

我有一个范围问题,我无法在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>
&#13;
&#13;
&#13;

我得到的错误是:

TypeError: this._callback is not a function

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

由于

1 个答案:

答案 0 :(得分:0)

与大多数问题一样,解决方案只有在您发布问题后才会出现问题

显然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');
  }

});

我希望这有助于将来的某个人