Chosen: フィールドにタブで移動するとドロップダウンが開きます

作成日 2014年05月23日 · 4コメント · ソース: harvesthq/chosen

こんにちは、

ユーザーが選択した選択にタブで移動したときにドロップダウンを開く方法はありますか？
私はこれに関してドキュメントで何も見ていませんが、それでも私はそれを見逃した可能性があります。

クイック検索後にこれを見つけました：

$('body').on('focus', '.chosen-container-single input', function(){
    if (!$(this).closest('.chosen-container').hasClass('chosen-container-active')){
        $(this).closest('.chosen-container').trigger('mousedown');
        //or use this instead
        //$('#select').trigger('liszt:open');
    }    
});

これを前にあげます。オプションが組み込まれているとは思いませんか？

ありがとう

ソース

SFPink

最も参考になるコメント

一時的な解決策：

jQuery('body').on('focus', '.chosen-container-single input', function () {
    if (!jQuery(this).closest('.chosen-container').hasClass('chosen-container-active')) {
        jQuery(this).closest('.chosen-container').prev().trigger('chosen:open');
    }
});

SFPink 2014年06月11日

👍3

全てのコメント4件

選択するとfocusイベントがトリガーされるため、以下が機能するはずです。

$('body').on('focus', '.chosen-select', function(event){
  $(this).trigger('chosen:open');
});

見つかったコードのイベントは古く、サポートされていません。

koenpunt 2014年05月24日

残念ながら、フォーカスイベントは選択自体ではトリガーされません。

koenpunt 2014年05月24日

一時的な解決策：

jQuery('body').on('focus', '.chosen-container-single input', function () {
    if (!jQuery(this).closest('.chosen-container').hasClass('chosen-container-active')) {
        jQuery(this).closest('.chosen-container').prev().trigger('chosen:open');
    }
});

SFPink 2014年06月11日

👍3

@SFPinkの一時的な解決策は、良い回避策のように見えます。これを締めくくります！

pfiller 2016年06月04日

このページは役に立ちましたか？

0 / 5 - 0 評価

Chosen: フィールドにタブで移動するとドロップダウンが開きます

最も参考になるコメント

全てのコメント4件

関連する問題