jquery mobile style不适用于常规选择

Posted 2023-05-09

【中文标题】jquery mobile style不适用于常规选择

【英文标题】：jquery mobile style not applying on regular select

【发布时间】：2015-04-09 07:12:58

【问题描述】：

共有三个框架，在第二个框架中我已经加载了所有需要的 js 和 css 文件，但仍然选择没有风格化。我添加了$('.change-theme-wrapper').trigger('create'); 它确实有样式，但选择没有打开。它给出的 TypeError: r[0] 是未定义的。相同的 html 代码在其他框架中有效，但在此框架中无效。 js库加载在head中，其他js库加载在body中。请帮帮我。

HTML：

<div class="change-theme-wrapper" data-role="fieldcontain"> 
                        <select data-theme="b" id="change_theme" data-native-menu="false" data-mini="true" data-icon="gear">
                            <option data-placeholder="true" value="">Change Theme</option>
                            <option value="b">Blue</option>
                            <option value="a">Black</option>
                            <option value="c">Silver</option>
                            <option value="d">Plain White</option>
                        </select>
                    </div>

javascript 版本：

jquery-min v1.8.2 jquery-mobile v1.2.0

【问题讨论】：

您需要向我们展示代码和标记，并告诉我们您使用的 jQuery 和 jQuery Mobile 版本。如果您还可以在 jsFiddle 中重现该问题，您可能会得到更快的响应。

【参考方案1】：

您需要在初始化后刷新选择菜单。执行触发器后使用此代码。希望这能解决您的问题。

$('#change_theme').selectmenu('refresh');