Jquery Mobile：动态关闭元素上的所有JQM样式

Question

我有一个元素：

<td colspan="3" data-enhance="false">
    <select id="CandidatesListBox" size="9" onchange="MoveToGeocode()" style="width: 100%" class="candidatesList" data-role="none"></select>
</td>

我希望这个元素没有jQuery Mobile样式。问题是我动态填充此项，jQuery mobile将忽略所有data-enhance="false"标签，然后通过javascript添加动态元素。 JQuery Mobile也将转换控件，因此可以在项目上工作的jQuery（例如.add()）不会。我需要创建一个没有jQuery移动样式或元素的动态元素。这可能吗？

修改

我还试图禁用所有使用JQM的选择，但得到同样的问题：

$(document).bind('mobileinit', function () {
    $.mobile.keepNative = "select"; /* jQuery Mobile 1.4 and higher */
});

Answer 1

JQM在指定JQM css文件时添加样式并呈现它们。一旦调用它，除非你通过自己的特定元素的应用样式覆盖CSS，否则无法停止。因为JQM本身用它们的元素包含我们的元素。因此，作为解决方案获取元素并从元素中删除JQM添加的其他类名。此外，您还需要删除包装元素。