jQuery专注于不使用所选的插件

Question

可能重复:
Jquery选择焦点在页面加载(onLoad？)

我正在使用一个jQuery插件(http://harvesthq.github.com/chosen/)来创建更多有用的选择框.

但是,jQuery焦点事件不适用于此插件.

我的HTML代码:

<select class="product">
<option value="1">Product One</option>
<option value="2">Product Two</option>
</select>

和javascript代码:

$('.product').chosen().focus();

它没有聚焦元素..

这是我的jsFiddle:http://jsfiddle.net/JigneshManek/queZ6/11/

是否有插件中指定的任何其他方法或事件来集中元素？

Answer 1

这个库看起来很不错,但除了设置初始参数之外,它似乎不允许你与它接口.

不过,试试这个:

$('.chzn-single').focus(function(e){
    e.preventDefault();
});
$('button').click(function() {
    $('.chzn-single').focus();
});

发生的事情是$('.chzn-single'),它是一个a元素,通过tabbing聚焦,Chosen监听该事件并触发字段的激活并聚焦容器.我需要添加preventDefault点击事件,以便将重点放在容器上.

无论如何,它似乎有效.

Answer 2

以下似乎对我有用:

$('.chzn-container').mousedown();