問題タブ [accordion]
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.
jquery - jQuery とプロトタイプの競合
プロトタイプを使用するアコーディオン メニューもある html ページで jQuery AutoComplete プラグインを使用しています。
どちらも完全に別々に機能しますが、両方のコンポーネントを 1 つのページに実装しようとすると、理解できないエラーが発生します。
キャッチされない例外: [例外... "コンポーネントがエラー コードを返しました: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" 場所: "JS フレーム :: file:///C:/Documents and Settings /Administrator/Desktop/website/js/jquery-1.2.6.pack.js :: 匿名 :: 11 行目データ: いいえ]
jQuery と競合するファイルは、アコーディオン メニューで使用される「effects.js」であることがわかりました。このファイルを新しいバージョンに置き換えようとしましたが、新しいバージョンではアコーディオンの動作が壊れているようです。
私の推測では、アコーディオンで使用されている「effects.js」ファイルが変更され、アコーディオンのデモ出力が取得されました。また、他のライブラリとの競合を避けるためにjQueryが必要とするオーバーライドメソッドを使用しようとしましたが、うまくいきませんでした。
stickmanlabs.comからアコーディオンのデモを入手しました。
また、jQuery AutoComplete はjQuery サイトから入手できます。
他の誰かがこの問題を経験しましたか?
jquery - 奇妙なマークアップでjQueryアコーディオンを使用する
私はこの HTML 構造を持っており、それをアコーディオンに変換したいと考えています。
基本的に をh3
アコーディオン ヘッダーとして使用し、それぞれの残りのdiv.section
コンテンツを各アコーディオン パネルのコンテンツとして使用します。(注: 見出しは、ネストに応じて、h2 から h6 の間のいずれかになります)。
デフォルトでアコーディオンがどのように機能するかという理由から、DOM ツリーを再構築してh3
s をそれぞれの外側にすると、これが最も簡単になると考えました。div
唯一の問題は、見出しを移動する方法です。(HTML を変更するアクセス権がありません)。
asp.net - ASP.NET アコーディオン
だから私は他の誰かのコードを修正しており、彼らはデータ バインドされたアコーディオン コントロールを使用しています。アコーディオン機能を無効にして、一番上の項目を展開し、残りの項目を最小化してそのままにしておく必要があります。
また、最終的なアイテムにクラスを置く方法はありますか?
よろしくお願いします。
jquery - カスタム アコーディオン - それぞれを使用
投稿を表示するページ用のカスタム アコーディオンを作成しようとしています。私は HTML を使用してリスト形式で作成しており、各ヘッダーをクリックして展開して詳細情報を表示するときに効果を作成しようとしています。
<li>
しかし、ページ上にある6 つの要素に対して 6 つのコード ブロックを言う必要はありません。
.each(); を介して実行する方法はありますか? 多分?各セクションを作成する代わりに?より動的なアプローチを試してください。
jquery - jQuery アコーディオン: リンクが機能しない
jQuery のアコーディオン UI 要素を使用してページに取り組んでいます。この例に基づいて HTML をモデル化しましたが、<li>
要素内に順序付けされていないリンクのリストがいくつかあります。このような:
問題: リンクが機能しない
私がテストしたすべてのブラウザーで、これらのアコーディオン メニューのリンクは、リンクされたページに移動する代わりに、アコーディオン セクションを折りたたむ原因となります。(今でも右クリックしてリンク先のサイトに移動できます。)
これは、何らかのクリック バインドの問題でしょうか?
jquery - jQuery アコーディオン: IE アニメーションの問題
アップデート
私がこれをコミュニティ wiki にしているのは、次の 3 つの理由からです。
- 明確な答えが得られた気がしませんが、
- 私は自分のアコーディオン関数を巻いたので、私は長い間答えを必要としなくなりました
- この質問には多くの意見が寄せられているため、多くの人がまだ興味を持っていることは明らかです
したがって、誰かがこの質問を変更/明確化し、決定的なガイドにしたい場合は、私のゲストになってください.
jQuery のアコーディオン UI 要素を使用してページに取り組んでいます。この例に基づいて HTML をモデル化しましたが、<li>
要素内に順序付けされていないリンクのリストがいくつかあります。このような:
問題: IE アニメーションが悪臭を放つ
IE7 はドキュメントの例のアコーディオン メニューをうまくアニメーション化しますが、私の場合は問題があります。具体的には、ページ上の 1 つのアコーディオン メニューがぎこちなく動き、コンテンツが点滅します。 CSS ファイルを含めないと同じことが起こるので、これが CSS の問題ではないことはわかっています。
ページ上のもう 1 つのアコーディオン メニューは、クリックした最初のセクションを開き、その後、それらのいずれも開きません。
これらの問題は両方とも IE 固有の問題であり、オプションを使用すると両方とも解消されますanimated: false
。slide
しかし、ユーザーがメニューの動作を理解するのに役立つので、デフォルトのアニメーションを維持したいと思います。
別の方法はありますか?
gridview - ASP.NET ツールキット アコーディオンのダブルクリックの問題
コンテンツ セクションと一連のボタン内にネストされたグリッドビューを持つアコーディオン コントロールを使用しています。ページが最初に読み込まれるとき、ボタンまたはリンクボタンのイベントが発生する前に 2 回クリックする必要があります。
ボタンについては、javascript を介して呼び出す外部ボタンを使用して修正をハックしましたが、gridview の「編集」および「削除」コマンド ボタンについては、これは当てはまりません。
このバグの解決策を見つけた人はいますか?
asp.net - .net アコーディオンが問題を引き起こしている
Web ページのアクションに基づいて、表示、非表示、有効化、無効化するコントロールがたくさんありました。それらをアコーディオンに入れるまで、すべてが機能しました。現在、Javascript で状態を更新することができません。私は小さな例を持っています
これはジャバスクリプトです
これがアコーディオン
ここで私が間違っていることを知りたいのですが、アラートは正しい ID を出力します。
「this」オブジェクトを関数に渡す場所で何かを行うと、そのボタンを無効にできますが、無効にするか、10個のオブジェクトのように非表示にする必要があります
誰にもアイデアがありますか?
jquery - Jqueryアコーディオンを閉じてから開く
jqueryアコーディオンプラグインを使用してページに多数のアコーディオンを設定したので、すべてを展開してすべての機能を折りたたむことができます。
各ID要素は独自のアコーディオンであり、以下のコードは、どのID要素が既に開いているかに関係なく、すべてを閉じるように機能します。
私の問題は、すべてを展開することです。私がそれらをすべてこのコードで拡張させると:
以前に開いていたかどうかに基づいて、縮小するものと拡大するものがあります。
これを修正する私の考えは、それらをすべて折りたたんでから、[すべて展開]をクリックしたときにすべてを展開することでした。ただし、このコードは正しく実行されません。
2番目のコマンドにヒットするだけで、最初にすべてを閉じることはありません。助言がありますか?
jquery - jQuery のネストされたアコーディオン メニュー
ネストされたアコーディオンのセットを使用して実装されたメニューが1
あり2
、それぞれに要素がa
ありb
ます。
次のロジックを実装したいと思います。
をクリックすると、と 2 つのサブメニューの
1a
データが取得されます。1a
2a
2b
をクリックすると
2a
、2b
それぞれのデータを取得します。
問題
望ましい結果:
nth-most
最後のクリックの子要素のみを表示し、他のすべてを折りたたみます。- 初期化時には、 と のみ
1a
が1b
表示されます。
現在の結果:
- をクリックして
1b
から をクリックし2b
て1b
も、完全に表示されます。
JavaScript コード
HTML: