2016-06-28 72 views
0

關於jQuery和JQueryMobile顯示,jQuery Mobile的selectmenu()多選真/假 - >不刷新的選擇

代碼是在此的jsfiddle鏈接:https://jsfiddle.net/nyluje/jg5cgw76/7/

我用flipswitch改變,如果select對象是否具有屬性multiple

起初flipswitchoff而屬性multiple不適用於select

如果我使用select,我可以選擇只有一個選項(這工作正常)。

然後我打開flipswitchon。現在使用我在函數setSelectAccordingToFs()中實現的代碼將屬性multiple添加到select,然後可以拾取多個選項。但有注意到這個pop-up,這不是本機菜單之一,不顯示多重選擇正確的,像這樣的畫面:

multiple select as it should be

不斷顯示單選擇面板。這也允許添加了選項,但不提供起飛的可能性,一些

multiple select on a single select panel

因此,我想知道:到如何刷新由選擇使用選擇面板菜單,這取決於attribute多重值:'off'或'on',就select標籤?

有什麼想法?

回答

0

好的,我找到了解決方案。我實現了它在這個版本我的jsfiddle的:https://jsfiddle.net/nyluje/jg5cgw76/8/

訣竅: 使用選項「刷新」是不夠的。要(真的)刷新selectmenu並在此更新中包含面板,必須使用'destroy'和'enable'功能。所以在我的函數setSelectAccordingToFs()的底部添加了類似這樣的內容:

targetSelect.selectmenu('destroy');  
    targetSelect.selectmenu(); 
    targetSelect.selectmenu('enable');  
    targetSelect.selectmenu('refresh',true);