javascript - onclick div在jquery mobile中打开选择菜单

Question

我有关于JQm selectmenu 小部件的问题，我正在做的是在包含它的容器上打开选择菜单。

小提琴演示：- http://jsfiddle.net/4CKae/1/

我的 HTML：-

<div class="container" onClick="$('#select-choice-7').selectmenu('open');">
    <label for="select-choice-7" class="select">Select, native menu3</label>
    <select name="select-choice-7" id="select-choice-7" data-native-menu="false">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

我正在尝试selectmenu通过内联 jquery打开，onClick="$('#select-choice-7').selectmenu('open');"但它在我的萤火虫控制台中显示了一些奇怪的错误。

控制台说：-

too much recusion

我的 Firefox v19 在控制台上显示了这个错误，不幸的是，chrome 崩溃了......

我究竟做错了什么？

Answer 1

你不应该<select>在onclick元素中包含 ，这将使它成为一个永远循环，工作演示

更新：http: //jsfiddle.net/4CKae/6/

<label for="select-choice-7" class="select" onclick="$('#select-choice-7').selectmenu('open');">Select, native menu3</label>

或者可能是一些检查可以解决它

Answer 2

我认为引号是问题所在。

尝试这个

onClick='$("#select-choice-7").selectmenu("open");'

代替

onClick="$('#select-choice-7').selectmenu('open');"

Answer 3

标记：

<div class="container">
    <label for="select-choice-7" class="select">Select, native menu3</label>
    <select name="select-choice-7" id="select-choice-7" data-native-menu="false">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

代码：

$('#select-choice-7').selectmenu();

请注意，这里的容器上没有点击处理程序，也没有“打开”参数。

小提琴（在 Chrome 中测试）http://jsfiddle.net/8GQx4/