jQuery Mobile：selectmenu（）和selectmenu（'refresh'）创建嵌套选择

Question

我在jQuery移动选择和动态数据方面遇到很多问题。 我想选择一个可以启用和禁用以及动态填充的选项。

<select id="selectMobileMenu" onchange="functionMobile()" style="width: 100%" class="mobileSelect"></select>

问题是，当我第一次禁用按钮以防止错误时： Uncaught Error: cannot call methods on selectmenu prior to initialization; attempted to call method 'refresh' Uncaught Error: cannot call methods on selectmenu prior to initialization; attempted to call method 'refresh'我在选择中得到了两个嵌套选择。

        selectMobile = $('[id=*selectMobileMenu]');
        //Ensure the candidateListBox is defined
        if (selectMobile.data("mobile-selectmenu") === undefined) {
            // not initialized yet, lets do so
            selectMobile.selectmenu('refresh');  //<--- Creates nested select
        }
        selectMobile.selectmenu();  //<--- Creates nested select
        selectMobile.selectmenu('disable');

似乎每当我调用selectmenu()或selectmenu('refresh') ，都会得到一个嵌套的select，这是有问题的，因为我需要调用selectmenu()和selectmenu('refresh') 。 我可以尝试删除所有的'ui-disable'类（在某些控制器上有效，但在其他控制器上不可用），但是我觉得这样会使控件变得非常脆弱。

有想法吗？

Answer 1

最终为我工作：

selectMobile = $('select#selectMobileMenu');

if (selectMobile.data("mobile-selectmenu") === undefined) {
    selectMobile.selectmenu('refresh'); 
}
selectMobile.selectmenu();  
selectMobile.selectmenu('disable');