如何使用 JavaScript 弹出 jQuery 移动选择？

【问题标题】：how to popup jQuery mobile select with JavaScript?如何使用 JavaScript 弹出 jQuery 移动选择？
【发布时间】：2014-01-15 12:42:18
【问题描述】：

我想用 JavaScript 弹出 jQuery 移动选择。

<select class="select1" name="select1" id="select1" data-native-menu="false">
       <option value="1">Opt1</option>
       <option value="2">Opt2</option>
       <option value="3" disabled="disabled">Opt3</option>
       <option value="4">The 4th Option</option>
       </select>

点击打开

<p onClick="test()">OpenUp</p>

功能：

test= function() {
$( ".select1" ).selectmenu( "open" );
}

但我得到了一个错误：

未捕获的错误：无法在选择菜单上调用之前的方法初始化;试图调用方法'open'

小提琴 http://jsfiddle.net/k3Dz6/

如何解决？太棒了！

【问题讨论】：

你的代码是在页面加载后执行的吗？如果您使用的是 jQuery - 您是否使用了文档就绪回调？
我点击 OpenUp 文本打开、编辑过的问题

标签： javascript jquery-mobile

【解决方案1】：

select1 类也分配给 <span> 元素，该元素是选择菜单小部件的一部分，可增强您的 <select> 元素。

因此，$(".select1").length 是2，而$(".select1" ).selectmenu("open") 调用selectmenu() 元素上的selectmenu() 方法失败了。

您可以通过 id 识别 <select> 元素：

$("#select1").selectmenu("open");

或者限制类选择器：

$("select.select1").selectmenu("open");

你会发现一个更新的小提琴here。

【讨论】：