JQuery Mobile selectmenu() multiple option true/false -> 不刷新选项的显示

Question

关于JQuery和JQuery移动，

代码在这个 JSFiddle link: https://jsfiddle.net/nyluje/jg5cgw76/7/

我用一个flipswitch来改变，如果一个select对象有属性multiple或没有。

起初 flipswitch 是 off 并且属性 multiple 不适用于 select。

如果我使用 select，我只能选择一个选项（这很好用）。

然后我把 flipswitch 变成 on。现在，使用我在函数 setSelectAccordingToFs() 中实现的代码，属性 multiple 被添加到 select，然后可以选择多个选项。但是注意到 pop-up 不是本机菜单，它没有正确显示 多个 select，如下图所示：

它继续显示单个 select 面板。这确实允许添加选项，但 不提供取消某些选项的可能性:

因此我想知道：如何刷新 select 使用的 select 面板菜单，具体取决于 attribute 倍数值： 'off' 或 'on'，在那个 select 标签上？

有什么想法吗？

Answer 1

好的，我找到了解决方案。我在这个版本的 JSFiddle 中实现了它：https://jsfiddle.net/nyluje/jg5cgw76/8/

诀窍： 使用选项 'refresh' 是不够的。要（真正）刷新 selectmenu 并将面板包含在此刷新 中，必须使用 'destroy' 和 'enable' 功能。所以在我的函数 setSelectAccordingToFs() 的底部，我添加了类似的东西：

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

JQuery Mobile selectmenu() multiple option true/false -> 不刷新选项的显示

JQuery Mobile selectmenu() multiple option true/false -> not refreshing the displaying of choices

javascript

jquery

jquery-mobile