JQuery UI - 多态地使用小部件

Question

我计划使用 JQuery UI 创建几个小部件，并以多态方式使用它们。

所以，假设我有两个名为 widget_1 和 widget_2 的小部件，它们都定义了一个名为 testMethod() 的“公共(public)”方法。我想盲目地采用任一对象并调用 testMethod。像这样的东西:

widget.testMethod()

但是，JQuery 似乎要求我知道我拥有哪个对象，因为调用方法的语法使用以下形式:

$("#widget_1").widget_1("testMethod"); 

和

$("#widget_2").widget_2("testMethod"); 

是否还有其他选项可以多态地使用小部件？

谢谢。

Answer 1

不推荐这样做，但你可以这样完成:

$.fn.testMethod = function(param1, param2){
   var id = this.attr("id");  //'this' references the selected element(s)
   return this;
};

那么你可以这样做:

$("#widget_1").testMethod('foo', 'bar');

但是你会污染$“命名空间”