jQuery $ .fn来自html元素的访问对象

Question

我正在尝试从html元素获取对象选项和功能。 我有

$.fn.test = function(options){ 

  var me = this;

  this.create = function(){

    me.settings = $.extend({
      foo: 'foo'
    }, options);

    console.log('foo');
  }

  this.hello = function(){
    console.log('hello');
  }

  return this;

}

准备好文档后，我创建对象

$(document).ready(function(){
  var obj = $('#mydiv').test({
    foo: 'bar';
  });
  obj.create();
});

在另一个文档中，我尝试从#mydiv获取设置，例如：

$('form').on('submit', function(){
  var x = $('#mydiv').test();
  //x.create();
  console.log(x.settings.foo);
});

如果在上一节中，我调用create函数，则显示为“ foo”，而不是“ bar”。 我能怎么做？

Answer 1

if(options) me.settings = $.extend({
  foo: 'foo'
}, options);

如果实际上有一个options对象，则覆盖.settings。

如果jQuery嵌入了函数链，我也不确定，因此您可以这样做：

this.hello = function(){
 console.log('hello');
 return this;
}