jquery mobile style不适用于常规选择

Posted

技术标签:

【中文标题】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');

【讨论】:

以上是关于jquery mobile style不适用于常规选择的主要内容,如果未能解决你的问题,请参考以下文章

为啥向左滑动不适用于 Jquery mobile?

jQuery Mobile 自定义选择菜单适用于 Mobile Safari,但不适用于 UIWebView

jQuery .load() 不适用于 PhoneGap Build 和 jQuery Mobile

带有 phonegap 的 Jquery mobile 不适用于移动应用程序

Jquery mobile getJSON 适用于浏览器但不适用于移动设备

JQuery Mobile适用于浏览器,但不适用于手机