在selectize.js中停止編程

Question

我花了一個小時試圖讓此jsfiddle splendid selectize modification在選項選擇上停止關閉（stopPropagation），但我現在感到很無奈。我必須爲此使用一些選擇性選項嗎？我已閱讀doc，但沒有發現任何相關內容。唯一相關的選項似乎是closeAfterSelect，但它的默認值是假:( 任何想法

$('.dropdown').each(function() { 
    $_self = $(this); 
    $_self.find('select') 
     .selectize({ plugins: ['component'], maxItems: 1, closeAfterSelect:false }) 
     .on('change', function() { 
      console.log('Changed value to:', $(this).val()) 
      $_self.find('span.value').text($(this).val()) 
      if ($(this).val()) { 
       $_self.removeClass('open'); 
      } 
     }); 
    $_self.find('select').on('click', function(e) { e.stopPropagation(); }); 
    $_self.find('.dropdown-menu').on('click', function(e) { e.stopPropagation(); }); 
    $_self.find('.dropdown').on('click', function(e) { e.stopPropagation(); }) 
}); 

再次澄清 - 我想下拉當我按下插入符號只關閉如果讓我選擇你可能會注意到，我已經在每個類和元素上添加了stopPropagation方法，但仍然無法按預期工作

Answer 1

問題是，e。 stopPropagation（）過早執行，因此不會執行任何操作。但是，您可能需要return false電平變化事件：

http://jsfiddle.net/MattDiMu/ozmqek7b/1/