JQuery Mobile selectmenu()多个选项true / false - >没有刷新选择的显示

时间:2016-06-28 11:21:15

标签: javascript jquery jquery-mobile

关于JQuery和JQueryMobile,

代码位于此JSFiddle链接中:https://jsfiddle.net/nyluje/jg5cgw76/7/

如果flipswitch对象具有属性select,我会使用multiple进行更改。

首先flipswitchoff,属性multiple不适用于select

如果我使用select,我只能选择一个选项(这样可以正常使用)。

然后我将flipswitch转为on。现在,使用函数setSelectAccordingToFs()中实现的代码,将属性multiple添加到select,然后可以拾取多个选项。但有人注意到pop-up不是原生菜单,并没有正确显示多选,就像这张图片一样:

multiple select as it should be

继续显示单个选择面板。哪个允许添加选项,但不提供取消某些的可能性:

multiple select on a single select panel

因此我想知道:如何刷新选择使用的选择面板菜单,具体取决于attribute多个值:' off'或{'在select标签上?

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

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

诀窍: 使用选项'刷新'还不够。要(真正)刷新selectmenu 并在此次刷新中包含该面板,' destroy'和'启用'必须使用功能。所以在我的函数setSelectAccordingToFs()的底部我添加了类似的内容:

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