問題タブ [dropdown]

Foundation を使用してテーブルに多くのドロップダウンがあり、テーブルには多数の行のスクロールバーが表示されます。各行にはドロップダウン リンクのある列があり、基礎ドロップダウン メニューが表示されます。メニューが開いているときにユーザーがスクロールすると、メニューは絶対位置で開いたままになりますが、ドロップダウン リンクには固執しません。

これはおそらく、ドロップダウン リンクと非表示のドロップダウン メニュー リストを分離する必要があったためです。ドロップダウン リンクは jquery の並べ替え可能なテーブルにあり、開かれたドロップダウンの位置が間違っていた (ページの端など) ため、それらは構造でのみ分離されています。したがって、非表示のドロップダウン リストは #ID で実際のリンクに接続されているため、テーブルの外側のどこかにあります。

開いたドロップダウン メニューのリンクを再配置する方法はありますか?

を使用して画面サイズに応じてドロップダウンにメニュー項目を追加する方法

jQuery

8 項目のメニューがあるとします。8 つの項目が画面の1 行に収まったらOK です。しかし、画面のサイズを変更すると、アイテム/アイテムのみ

1 行で画面に収まらない場合は、ドロップダウンを形成する必要があります。画面を再度拡大すると、メニュー項目が 1 つずつ戻ってきて、すべての項目が画面に収まるとドロップダウンが消えるはずです。

iphone/ipad などでは、画面サイズに応じて、2/3 程度の項目しか収まらず、残りはドロップダウンになるはずです。

リンクを参照してください：

http://1drv.ms/1OGYCgS

動的選択を作成しようとしています。

データベース テーブルにユーザーを作成するたび<td class="users">に、マークアップに次のように追加されます。<td class="users">name of the user extracted from the db</td>

html

js

また、必要に応じてユーザーの名前を表示しますが、選択しても選択したクラスは変更されません。表示されている要素に選択したクラスを追加するにはどうすればよいですか?

http://jsfiddle.net/hh7r7p3w/にコードを追加しました。言及しておくと、ユーザー名を含む実際のデータはデータベースから取得されるため、この名前は変化する可能性があります。

自分がやろうとしている方法ではできないことをやろうとしているのだろうか?

ありがとうございました

こんにちは、機能するテーブルからこのドロップダウンを取得しました。

ただし、「sub_id」列からドロップダウンに表示される文字列に列を追加して、ドロップダウンに sub_id - subcategory が表示されるようにしたいと思います。例えば：

673 - 新しい屋根のみを示す現在の代わりに新しい屋根。

以下のように文字列を組み合わせてみましたが、結果は最初にサブカテゴリになり、次にリスト内のサブ ID が続きました。例: subcat1 subcat2 subcat3 1 2 3

正しい道で私を助けてくれることを願っています

Polymer paper-dropdown-menu を JavaScript の初期状態にリセットしたいので、何も選択されていないので、次のようになります。

paper-dropdown-menu 内の paper-menu タグに id を追加し、JavaScript でアクセスして、選択したインデックスを選択することができます。

ただし、選択できるのは利用可能なアイテムだけなので、0 以上の数を指定する必要があります。-1 に設定して何も選択せずに視覚的に初期状態に戻すことはできませんが、選択した状態を設定したばかりの状態に記録することはできます。選択した値を変更しようとした他の値は、null で未定義です。

paper-dropdown-menu に使用している html は次のとおりです。

これは私が支援を求めるのは初めてのことです (まだ少し初心者のコーダーです)。

何千ものアイテムを持つ JSON ファイルを作成しました。そのファイルからさまざまなページにドロップダウンを動的に入力し、後で以前の選択に基づいてドロップダウンを動的に入力できるようにしたいと考えています。私はこれを徹底的に調査しましたが、私が見つけたほとんどのチュートリアルと質問は、この特定の方法では機能しないようです. 基本的に、ページをロードすると、アイテムが表示されません。つまり、ドロップダウンは空です。コンソールにはエラーが 1 つだけ表示されます。これは、見つけたすべての情報によると、CDN が読み込まれていないことを示しています。だから、ここにあります：

明らかに何かが欠けていると強く感じています...誰かがそれを指摘できれば、私はそれを大いに感謝します!

I have tried to use below solution to display months in order from Jan-Dec but facing some problem. I am getting data from service in JSON format.

ng-model="month" ng-options="currMonth for currMonth in months"

Can anyone please help?

完全な「li」にカーソルを合わせたときではなく、「a」にカーソルを合わせたときに、第 2 レベルのドロップダウン メニューの表示を切り替える最良の方法は何ですか?

私はブートストラップを使用し、フィドルは次のとおりです。http://jsfiddle.net/2Smgv/3100/

Bootstrap のボタン ドロップダウン コンポーネントを使用して、SELECT TAG のようなエクスペリエンスを作成しました。ユーザーはドロップダウンをクリックして任意のオプションを選択でき、同じ値がボタン内に即座に表示されます (マウスとキーボードからアクセスできます)。

ステップ 1:ドロップダウン内の単一行のオプション値をクリックします。

ステップ 2:ドロップダウン内の複数行オプション値をクリックします。

ステップ 3:ドロップダウン内の単一行のオプション値をもう一度クリックします。

問題: ステップ 3 の後、ドロップダウン リスト (例: ul) が消えません。

期待される結果: ステップ 3 の後、オプションを選択するたびに (マウス クリックとキーボード使用の両方で) ドロップダウン リスト (つまり、ul) が消えるはずです。

キャレットとデザイン関連の軽微なバグは無視してください

ブートストラップを使用してドロップダウン リストのスタイルを設定しようとしましたが、Web を実行しても何も変更されない理由がわかりません。

これは私のコードです：

誰かがこれについて私を助けてくれたら感謝します/ドロップダウンリストのスタイルを設定する方法を私に勧めてください、ありがとう。