jquery ui 위젯의 모든 인스턴스에 대한 참조를 얻으시겠습니까?

Question

간단하게 부트 스트랩 팝 오버 플러그인을 래핑하는 jquery UI 위젯을 작성하고 있습니다. 위젯에서 '단수'옵션 인 으로 전달할 수 있습니다. 전달 된 경우이 플러그인은 다른 모든 플러그인 인스턴스의 함수를 호출해야합니다.

이

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이 모든 요소에 대한 참조를 얻을 것 :

뭔가 그래서

$('#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 

처럼, 나는 쇼 기능처럼 보이는 상상 그들?

Answer 1

$(':ui-myWidget') 여기서는 ui이 위젯의 ​​네임 스페이스입니다. $('.ui-myWidget')과 같은 클래스 선택기를 사용하는 것보다 속도가 느리기 때문에 위젯을 만들 때 클래스를 추가하는 것이 좋습니다.

jQuery UI는 모든 위젯에이 작업을 수행하므로 $(':ui-progressbar') 또는 $('.ui-progressbar') 중 하나를 사용하여 각 진행률 표시 줄을 얻을 수 있습니다.

This blog post은 더 깊게 설명합니다.