jQueryの焦点は

Question

可能な重複を選択したプラグインで機能していない：
Jquery Chosen focus on page load (onLoad?)

iがより有用選択ボックスを作成するために選ばれた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

このライブラリはうまく見えますが、初期パラメータを設定する以外にはインターフェイスできません。

それでも、これを試してみてください。a要素である$('.chzn-single')は、Tabキーを経由して焦点を当てますされて何が起こる

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

、選ばれたが、そのイベントをリッスンし、フィールドの活性化をトリガし、コンテナを焦点を当てています。コンテナにフォーカスを置くために、クリックイベントにpreventDefaultを追加する必要がありました。

いずれにしても、動作するようです。

Answer 2

オリジナルの選択ボックスはもう存在せず、<div>といくつかの<ul>で置き換えられているため、入力コントロールの標準ブラウザの動作focusはもう関係ありません。ライブラリを見て、仮想フォーカスを作成するためのkeydownイベントをキャプチャする方法を参照する必要があります。もしあなたが幸運であれば、図書館の作家はこれを考え、あなたのためにいくつかのフックを提供しました。

Answer 3

このトピックでは、ほぼ歳ですが、それを必要とするかもしれない誰かのために：関数内 * Chosen.prototype.choice_build：ドロップダウンからの要素の後

再フォーカスフィールドには、私が選択したソースを編集し、選択しました=機能（アイテム）{*： は再フォーカスを達成するために汚いハックと部分的な解決策ですが、それは、プラグインのv.0.9.8に私のために働いているように見えること

this.container_mousedown();

を追加しました。誰かがより良い解決法をアドバイスできるなら、私はそれを採用することがうれしく思います。続き

Answer 4

は私のために働くようだ：

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