2016-05-17 19 views
1

選択した選択ボックスの選択肢を選択ボックスの上に配置しようとしていましたが、選択ボックスが最初にクリックされます。ここで位置最初のオプションを自動選択せずに選択ボックスの上に選択ボックスの選択を選択しました

は、問題のJSFiddleです:http://jsfiddle.net/sdrah3g7/

そして、ここでは、私はCSSを経由して選択肢を配置したい方法です:

.chosen-container .chosen-drop { 
top: 0 !important; 
} 

私は、これは変更することで解決できるという気持ちを持っています選択されたボックスがクリックされてから要素が選択されるまでの間に遅延を作成するためにJSファイルを選択するか、または選択ボックスの最初のクリックからマウスボタンが離されるまで選択肢の選択を無効にする。

残念ながら、この時点でのJavaScriptに関する知識は非常に限られており、Chosenコードにはコメントがないため、この問題にアプローチすることが難しくなっています。私はこの問題を解決しようとしていきますが、どんな助けでも大歓迎です。

+1

「top:0!important;」を削除することは、必要に応じて機能します。入力ボックスをクリックして最初のドロップダウンの自動選択を行うと、クリックが登録されていると思います。 – Rikin

+0

@Rikinありがとうございますが、ページのデザインには 'top:0;'が必要です。 – darimc

答えて

0

あなたはここでそれを試すことができます:http://jsfiddle.net/sdrah3g7/1/

を私は、選択されたコードを少し変更しました。

onmouseupの代わりに、onmousedown機能を必要な場所に設定しました。

this.search_results.bind('mousedown.chosen', function(evt) { // mouseup to mousedown 
    _this.search_results_mousedown(evt); // this function call changed to mousedown and function name also 
}); 

コードに変更されます。

- 行967 - - 関数名
- 行525 - ライン684、685 - これは
上記のコードでタッチイベントのための関数呼び出しは

することができます変更された選択されたスクリプトをダウンロードしてください。here

+1

ありがとう!それがなぜ今それをやっていたのかは分かります。私は助けに感謝します。 – darimc

関連する問題