0

我有关于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');"但它在我的萤火虫控制台中显示了一些奇怪的错误。

控制台说:-

Firebug 控制台

too much recusion

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

我究竟做错了什么?

4

3 回答 3

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>

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

于 2013-08-27T06:51:17.317 回答
0

我认为引号是问题所在。

尝试这个

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

代替

onClick="$('#select-choice-7').selectmenu('open');"
于 2013-08-26T13:39:56.127 回答
0

标记:

<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/

于 2013-08-26T14:01:02.383 回答