我正在编写一个 jquery UI 小部件,它只是包装了 bootstrap popover 插件,在小部件中您可以传入选项“singular”, 如果传入此值,那么它应该调用该插件的所有其他实例的函数。
类似的东西
$('#one').myWidget();
$('#two').myWidget();
$('#three').myWidget();
$('#four').myWidget();
$('#one').myWidget('show'); //stuff from widget one is now visible
$('#two').myWidget('show'); //stuff from widget one and two are now visible
$('#three').myWidget('show'); //stuff from widget one, two and three are now visible
$('#two').myWidget('hide'); //stuff from widget one and three are now visible
$('#four').myWidget('show', {singular:true}); //stuff from widget four is now visible
所以,我想象 show 函数看起来像:
show: function(options){
options = options || {};
if(options.singular){
var instances = '????'; // how do I get all instances?
$.each(instances, function(i, o){
o.myWidget('hide');
});
}
this.element.popover('show');
}
那么,问题是,我如何获得对所有带有 myWidget
小部件的元素的引用?
最佳答案
您可以使用$(':ui-myWidget')
哪里ui
是您的小部件的 namespace 。它比使用像$('.ui-myWidget')
这样的类选择器要慢。因此,在创建小部件时添加该类仍然是一个很好的做法。
jQuery UI 对所有小部件执行此操作,以便您可以通过 $(':ui-progressbar')
获取每个进度条或$('.ui-progressbar')
.
This blog post更深入地解释“薄”。
关于javascript - 获取 jquery ui 小部件的所有实例的引用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13204159/