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 自定义选择菜单适用于 Mobile Safari,但不适用于 UIWebView
jQuery .load() 不适用于 PhoneGap Build 和 jQuery Mobile
带有 phonegap 的 Jquery mobile 不适用于移动应用程序