jQuery mobile 不允许我使用自定义类名

Question

TL;DR:这个 fiddle 显示了问题:http://jsfiddle.net/kRG95/1/

我的用例不允许在这些选择元素上使用 ID(它们来自多次渲染的模板)。如果我使用 classNames，jQuery mobile 会错误地呈现选择(双重包装)。

是否有已知的解决方法？ Le Google 没有向我展示任何内容。

为了完整起见，以下代码不起作用:

$(".one, .two").selectmenu();

$(".two").selectmenu("disable");

$(".one").on("change", function(){
    $(".two").selectmenu("enable");
});

$("body").trigger("create");

但是如果我将这些 classNames 更改为 ids，如下所示:

$("#one, #two").selectmenu();

$("#two").selectmenu("disable");

$("#one").on("change", function(){
    $("#two").selectmenu("enable");
});

$("body").trigger("create");

一切都按预期进行。

具体错误(因为我被问到):

未捕获错误:在初始化之前无法调用 selectmenu 上的方法；尝试调用方法“disable”

Answer 1

由于 jQuery Mobile 在输入小部件化时将类传播到其他元素，因此您应该将 select 标签添加到选择器

$("select.one, select.two").selectmenu();

$("select.two").first().selectmenu("disable");

$("select.one").on("change", function(){
    $("select.two").selectmenu("enable");
});

$("body").trigger("create");

<强> Working fiddle