Question

我希望能够从Foo中的其他方法访问myproperty。

以下是我现在这样做的方式：

(function($){
  $.fn.Foo = {

    main: function(){
      return this.each(function(){  

        this.myproperty = 'abc';

        ...
        ...bind('click', 'somemethod')...
        ...

      });
    }

    somemethod: function(e){

      // access here myproperty
      alert($.fn.Foo.myproperty); 
    }

}(jQuery));

(function($){
  $.fn.extend({ Foo : $.fn.Foo.main});
}(jQuery));

似乎有效。但这是最好的方法吗？还有其他方法吗？

Answer 1

我觉得你想上课吗？您目前正在扩展jQuery库，其函数可以调用$（“＃test”）等元素.Foo（）;

一个好的开始设置是：http://jsfiddle.net/VhGpe/

(function($) {
    var methods = {
        init: function(settings) {
            var options = $.extend({}, $.fn.FooMe.defaults, settings);
            $(this).data("settings", options);
            $(this).bind("click", methods.myOtherFunction);
        },
        myOtherFunction: function() {
            alert($(this).data("settings").you);
        }
    };



    $.fn.FooMe = function(method) {
        if (methods[method]) {
            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
        } else if (typeof method === 'object' || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error('Method ' + method + ' does not exist on jQuery.Foo');
        }
    };

    $.fn.FooMe.defaults = {
        you: "default"
    };

}(jQuery));

$("#test").FooMe({
    you: "TADAA"
});

Answer 2

可以通过Foo

的功能公开

(function($){
  $.fn.Foo = {

    main: function(){
      return this.each(function(){  

        this.myproperty = 'abc';

        ...
        ...bind('click', 'somemethod')...
        ...

      });

    getmyproperty: function(){
        var myproperty = 'abc'; 
        return myproperty;
    }

    }

    somemethod: function(e){    
      // access here myproperty
      alert($.fn.Foo.getmyproperty()); 
    }

}(jQuery));

定义自定义jQuery对象属性的最佳方法？

2 个答案: