jQuery焦点无法使用所选择的插件

Question

可能重复：

Jquery Chosen focus on page load (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元素，通过选项卡获得焦点，选择侦听该事件并触发字段的激活并使容器聚焦。我需要在单击事件上添加preventDefault，以使焦点保持在容器上。

在任何情况下，这似乎是可行的。

Answer 2

以下几点似乎适用于我：

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

Answer 3

问题是原来的复选框已经不在了，已经被<div>和一些<ul>所取代，因此输入控件上的标准浏览器行为focus不再相关。您将需要查看库，并了解如何捕获按键事件以创建虚拟焦点。如果你幸运的话，图书馆的作者会想到这一点，并为你提供了一些钩子。