onclick div在jquery mobile中打开selectmenu

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>

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

控制台说： -

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/