問題タブ [select2]

フィールドの高さを変更するにはどうすればよいですか?

(私はコードを持っていません。実行不可能です。このサイトの例を取り上げました: toster.ru/q/193633 )

私はすでにthis、this、thisを読んだことがありますが、ドキュメントによれば最も重要な here ですが、どれもうまくいきません。AJAX select2 を使用しようとしています。一般的な「選択」項目を作成しようとしています。

data-select2-jsonしたがって、属性を持つすべての要素に対してselect2、値にある ajax URL を適用しdata-select2-jsonます。

それはうまくいきます！

サーバーが送信する JSON は、常に次のようにフォーマットされます。

これは、ドキュメントにある AJAX サンプルに非常に近いものです。私の問題は AJAX の初期化です: HTML に値を追加したい:

そしてselect2（=$(this).select2({..上記のコード）で初期化しますが、これは機能せず、空白の値が返されます：

注意:ここでケビン・ブラウンが提供した解決策も機能せず、まったく同じ結果が得られます。

もう 1 つの解決策は、AJAX で " &init=1" (またはそのようなもの) のようなパラメーターを使用して URL に要求することです。これにより、サーバーはchecked: true各値のようなパラメーターを追加して結果を送信し、それらの値で呼び出しselect2ます。

事前入力の方法に関するドキュメントには明確なものはありませんselect2。どうすればいいですか？

ここに私の他の機能があります：

select 2 バージョン 4 を開いたときに境界線の色を変更しようとしました:

コード: http://jsfiddle.net/7c0Lm033/

ここに私が得るものがあります：

ご覧のとおり、select 2 head color の色を変更することはできません。マークされた色の境界線を変更できる独自のセレクターが見つかりませんでした。

docType というクラスを持つ select2 要素でアコーディオンを作成するコードがあります。また、jquery 要素の値を選択したときにイベントをトリガーする jquery コードもあります。これは、ページの読み込み時に既に存在する select2 要素に対しては機能しますが、動的に追加された要素に対してはトリガーされません。これが私の変更コードです：

この方法が機能しない理由を誰かが知っていますか?

select2 選択メニューが機能しています (リモート ジオバイトからの状態) が、同じインデックス ID を持つオプションを選択できません。たとえば、「new」を検索すると、いくつかのオプションが表示され、最初のオプションである New Albany, IN を選択できます。次に、「far」と入力すると、最初のオプションはニュージャージー州ファー ヒルズです。それを選択すると、インデックス 1 を持つインディアナ州アルバニーが表示されます。

リモートデータをロードする例https://select2.github.io/examples.html#data-ajaxを試しました。同じようには動作しないので、結果の解析が間違っているのではないかと思っています。検索するたびに、インデックスが 1 から始まる新しいオブジェクトが返されます。

Select2 ライブラリ (バージョン 4.0.1) を使用していますが、選択のドロップダウンの位置がおかしいです。下の画像で見ることができます。

select2ドロップダウンが選択領域に重なっていることがわかります。ドキュメントの例では、選択の下部に表示される必要があることがわかります。これが私のコードです

なぜこれが起こっているのですか？

カピバラでrspec機能テストを書こうとしていますが、select2要素のテストに問題があります。私のテストコードを見てください。カピバラでの機能テストの使用

次のエラーが発生しています。

ここで私が何を間違っているかを誰が見ることができますか?レストランがランディングページに接続されていない理由を理解できません

前もって感謝します