問題タブ [html-lists]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
795 参照

css - (水平)リストの背景をajaxで拡張することさえ可能ですか?

list-style-none を使用したリストがあります。これは、Ajax を介してそれ自体に新しいアイテムを追加し、そのときに背景を適切に拡張できるようにする必要があります。Ajax 経由で追加するのは簡単ですが、バックグラウンドで試したすべてのソリューションが失敗します。それが可能かどうかはわかりません。それは...ですか?私はこのようなグリッドを使用しています:

http://jqueryui.com/demos/sortable/#display-grid

囲んでいる div や囲んでいる ul タグにカーソルを合わせると、WebKit と Firebug の両方が細い空のバーを表示します。list-style-none と float:where を使用してリストを自由に設定した瞬間に、その背景に対する制御を放棄しているように見えます。しかし、それは正しくありません。

0 投票する
3 に答える
13222 参照

jquery - jQuery.sortable。JavaScriptで順序を変更する

JavaScriptで適用されたリストの順序を変更するにはどうすればよいですかjQuery.sortable

例えば:

次に、これが機能すると仮定します。

0 投票する
3 に答える
26483 参照

jquery - JQueryulli選択リスト

JQueryを使用して、classnextとclassprevを使用してulliリストをスクロールしようとしています。

唯一のことは、選択したliだけを表示したいということです。では、どういうわけかliのインデックスを作成する必要がありますか?よろしくお願いします-事前に感謝します

0 投票する
2 に答える
1601 参照

jquery - jqueryでネストされたliをキーボードで選択する

ネストされた <ul> と <li> がたくさんあり、<li> でホバー/選択されたクラスを持ち、キーボードの上下ボタンを使用して上下に選択できるようにしたいと考えていますただし、それらはネストされており、必要に応じて <ul> をジャンプする必要があります。

例えば:

下キーを押すと、項目が番号順に選択されることを望みます (番号順の ID がなく、一部の項目が非表示になっている場合があるため、無視する必要があります。しかし、次の <li> に移動する必要があります。カテゴリではなく、ホバーとして設定します。

0 投票する
1 に答える
4368 参照

css - GoogleChromeとIE7の順序なしリストの問題

私はオンライン履歴書をデザインしているところですが、グーグルクロームとIE7で順序付けられていないリストに問題があります。サイドバーでは正常にレンダリングされますが、コンテンツセクションでは、何らかの理由で最初の箇条書きがコンテナの右端に浮かび、テキストが正常に表示され、他のすべての箇条書きとテキストは正常に配置されます。このバグは、他の主要なブラウザでは発生しません。

これがコードと何が起こっているかのスクリーンショットです。

IE7およびGoogleChromeのバグ画像

奇妙なことに、IE6とIE8で動作するので、通常と同じようにコーディングしているのでかなり混乱しています。サイドバーulは、示されているのと同じコードを使用すると問題なくレンダリングされます。誰かがこれを引き起こしている可能性があることを知っていますか?

0 投票する
1 に答える
89 参照

javascript - ナビゲーション リストの問題

私は、リスト項目のコレクションがある以下の小さなアプリケーションに取り組んでいます.2番目の列にいくつあっても、すべてのリスト項目がボックス内にある必要があります. また、表示できるリスト項目の数を 10 個までに制限したいので、10 個の項目がある瞬間に 10 個目の項目を省略して [すべて表示] を表示する必要があります。したがって、ユーザーが [View All] をクリックすると、2 番目のページに移動し、すべてのアイテムを表示できます。

以下は私のコードです。

ありがとう

0 投票する
5 に答える
34732 参照

html - CSSのみを使用して箇条書き記号なしでHTMLリストを表示するにはどうすればよいですか?

HTMLリストがあります。ブラウザはリストの存在を確認し、それに応じて要素を配置する必要がありますが、各要素の横に黒丸を表示したくありません。つまり、通常のリストは次のようになります。

  • テキスト A
  • テキストB
  • テキスト C

リストを次のように表示したい:

テキストA
テキストB
テキストC

0 投票する
2 に答える
7247 参照

html - リストスタイルの画像が表示されないのはなぜですか?

このランディングページを作成していて、2番目の段落の後に、リストスタイルの画像をli.actionItemに適用したポイントのリストがありますが、画像の代わりにデフォルトのディスクを取得しています。URLが機能しているのは、a)絶対形式で記述した、b)絶対URLを入力すると画像が表示される(ここを参照)、c)代わりに背景画像としてアイコンを適用してみたためです。テキストとそれは動作します。

必要に応じて、最終的にはそれを行うことができます(パディングバージョンの背景画像)が、リストスタイルの画像として記述したいと思います。それに、なぜそれがそのように表示されないのか、私を夢中にさせているだけです。知りたいのですが。

何か考えやヒントはありますか?ありがとうございました!

関連するマークアップの概要は次のとおりです...

0 投票する
2 に答える
7629 参照

php - 多次元配列内の重複する配列キーをサブ配列にグループ化します

と呼ばれる多次元配列が$songsあり、次のように出力されます。

キーが重複している配列をマージしたいので、次のようになります。

どうすればよいですか?

次のような配列を出力するコードを私に与えるためのボーナスポイント:

0 投票する
3 に答える
160 参照

html - CSS を使用して HTML 順不同リストのスタイルを制御する方法は?

基本的には、リストの左側の余白を制御したいと考えています。これが私がそれをどのように構造化したかです:

現在使用しているスタイルでは、サブセクションが右にずれすぎています。どうすれば変更できますか?