jquery，widget控件的event.stopPropagation

Question

我有一個小部件，它的工作原理與選擇器（但不是真正的）很相似。我使用event.stopPropagation（）來控制包含元素的下拉列表，但問題是，當頁面上有多個元素時 - 我可以同時打開多個下拉列表。

是否有任何可能的方法來解決這個問題？

的jsfiddle：http://jsfiddle.net/Ls9gas2h/

控制的點擊是在76至88行：

this.clicktarget.on('click', function (event) { 
      if (source.options.allfields) { 
       if (!$(event.target).hasClass('deadfield')) { 
        event.stopPropagation(); 
        source._open($(event.target)); 
        source._runcheck(); 
       } 
      } else { 
       event.stopPropagation(); 
       source._open($(event.target)); 
       source._runcheck(); 
      } 
     }); 

Answer 1

只是隱藏所有下拉列表開幕前點擊一個：

this.clicktarget.on('click', function (event) { 
    $(".multiple-selector-table").hide(); 
    ... other you code 

Fiddle。

已更新。另一種選擇：

您可以使用下面的代碼來觸發_close每個下拉元素：

this.clicktarget.on('click', function (event) { 
    $(window).click(); 

Fiddle。