MultiSelect Widget不會使用此「打開」功能刪除預先選擇的選項

Question

當我添加此功能時，jQuery UI MultiSelect Widget不再在未選中時刪除預先選擇的選項。我怎樣才能讓這個功能工作而不會失去取消選擇選項的能力？

小提琴展示問題可以在這裏找到：http://jsfiddle.net/chayacooper/Mp2bK/10/

JS

$(function() { 
    $(".example").multiselect({ 
     open: function (event, ui) { 
      var option = $(this).find("option[value*=default]"); 
      option.attr('value', option.attr('value').replace(/_default/g, '')); 
     } 
    }); 
}); 

HTML

<select name="example" class="example" multiple="multiple"> 
    <option value="0">$0</option> 
    <option value="50_default" selected="selected">$50</option> 
    <option value="100">$100</option> 
</select> 

我預先選擇的APX最常選用的選項。 300選擇元素，並使用此函數來區分這些值仍處於其初始預選/默認狀態時與當用戶通過單擊表單元素主動選擇該值時（指示它們創建了主動決定將其設置爲該值）。

Answer 1

查看文檔，可以使用刷新方法確保它是更新。

我加

$(".example").multiselect("refesh") 

提交表單

New fiddle