問題タブ [jquery-ui-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.
javascript - Jqueryロードページの質問
私は比較的使い慣れていないので、ホストしているサイトはサーバー側のスクリプトをサポートしていないため、この方法をjQuery
使用しload
てコンテンツをページに取り込みたいと考えています。
UIライブラリのアコーディオンなど、(loadメソッドを介して)プルされているページでより多くのJQueryを実行できるようにしたいと考えています。これをどのように機能させるのですか?
よろしくお願いします
ajax - jquery を使用して jQuery アコーディオンにアイテムを追加する
jQuery アコーディオン プラグインを使用して、データのアコーディオンを作成しています。次に、ユーザーがアコーディオンにさらにデータを追加できるようにします。アコーディオンが適切に機能するようにセットアップし、アコーディオンのセマンティクスに一致するアコーディオンに「リスト項目」を追加する関数を作成しました。
新しいデータをデータベースに保存してページを更新せずに、新しく追加された要素で動作するようにアコーディオンを「更新」することは可能ですか?
このようなもの:
または、jQuery 1.3 で追加されたライブ イベントのようなものですが、誰か手がかりがありましたか?
jquery - JQueryアコーディオン - クリックイベントのバインドを解除
JQuery のアコーディオン モジュールを使用してフォーム ウィザードを作成しています。問題は、アコーディオンが次のセクションを表示する前にフォームが最初に検証されるように、アコーディオン メニューのマウス クリックをオーバーライドしたいことです。
私は次のことを試しました:
しかし、上記のコードは機能しません。アコーディオンの組み込みのクリック イベントは引き続き呼び出され、フォームが有効かどうかに関係なく、アコーディオンは次のセクションを表示します。
次のコードも試しました。
しかし、stopPropagation() 呼び出しはアコーディオンの動作にまったく影響を与えないようです。フォームが有効かどうかに関係なく、次のセクションが表示されます。
私が間違っているかもしれないことは何ですか?
javascript - ソースを表示すると、追加されたデータがマークアップに表示されないようです
基本的にユーザーがリンクをクリックすると、一部のAJAXが移動して、以下に示すようにHTMLを返すメソッドを起動します。タイトルには、返されたデータが入っていないようですHTML、これが私のアコーディオンが作成されていない理由ですか? 画面に出力された結果が返されているのは奇妙です。
コードから収集できると確信しているように、返された HTML はに追加さ<div id="accordion>
れ、アコーディオンに「変換」されますが、これは起こっていません。アコーディオンを提供する div にクラスが追加されるだけです。機能しますが、実際の機能は得られません。
AJAX が起動したかどうかに関係なくソースを表示すると<div id="accordion>
、返されたデータを確認できてもコンテンツがないことに気付きました。どうすればアコーディオンを機能させることができますか?
=======AJAXによって返されるもの======
=========AJAX HTML の行き先=========
jquery - jQuery UI アコーディオンのアクティブ化
これを行う方法がわかりません。または、これができるかどうかもわかりません。jQuery UI アコーディオンがあります。各セクションには複数のアンカー タグが含まれており、それぞれに一意の文字列 ID があります。
特定のIDを持つ特定の要素がある場所にアコーディオンを開くことができるようにしたいと思います。id「item117」と言うように。次のようなものを使用できますか
あるいは
私はそれらといくつかのバリエーションを試しましたが、うまくいきません。私が仕事をしようとしていた場合、アコーディオンは 2 番目のセクションの最後まで開く必要がありました。
私はまだこれを取得していないので、他の何か間違ったことをしている可能性があります。ここに例のページを作りました: http://www.ofthejungle.com/testaccordion.php それとそのソースを見てください。
c# - 水平および垂直アコーディオン
asp.netで縦横のアコーディオンを作りたいです。
Ajax Toolkit Accordion を使用していますが、向きを変更できません。
jquery - jQuery UI アコーディオン スタイルのカスタマイズ
jQuery アコーディオンのタブ サイズ、フォント サイズなどを変更するにはどうすればよいですか?
jquery-ui-accordion - jqueryを使ったアコーディオン
JQueryを使用して作成されたアコーディオン内のパネルを非表示にする方法は?
js ファイル:
コード:
ニーズ:
ユーザーのログイン タイプに応じて、パネルを非表示にする必要があります (見出しを含む)。
例:
私の例では、アコーディオンの中に 3 つのパネルがあります。そのうちの 2 つをユーザーに表示したいだけです。これを達成する方法は?
jquery - jqueryアコーディオンコンテンツの要素スタイルを削除/変更
アプリケーションで jquery アコーディオンを使用しています。
ul と li を使用して、アコーディオン コンテンツにいくつかのリンクを表示しています。ul と li を使用すると、アクティブなアコーディオン コンテンツのリンクの下に多くの空きスペースができます。
Firebug を見ると、アクティブなアコーディオン コンテンツごとに以下のスタイルが表示されます。
html:
CSS:
アコーディオンのコンテンツに応じて高さを削除したり、高さを変更したりするにはどうすればよいですか?
javascript - 階層的な展開/折りたたみツリーでのjqueryセレクターの問題
カテゴリにグループ化されたブックマークの階層リストになる画面を作成しようとしています。カテゴリを拡大/縮小して、そのカテゴリのブックマークを表示または非表示にすることができます。今、私はUIに取り組んでいて、初めてjqueryを使用しています(そしてそれが大好きです)。
私が使用している方法論は、アコーディオンのようなものですが、同時に複数のセクションを開くことができ、複数のレベルが深くなる可能性があります(アコーディオンは1つのレベルのみをサポートします)。カテゴリごとに、ブックマークのコレクション(通常は<ul>)であるDOMの次の要素を表示または非表示にするフォルダの画像を含むdivがあります。例えば:
ユーザーがクリックした画像の周囲のdivにcategoryLineのクラスがある場所を使用して閉じる要素を選択し、$(this).parentsUntil('categoryLine').next().toggle(transitionSpeed);
表示/非表示にするのはそのdivに続く要素です。
問題は最も複雑な(最も深い階層)部分にあり、あるべきではないものが隠されており、未知の理由で再び現れています。
ここで「実用的な」例を見ることができます。関連するタグIDを指定し、デバッグアラートを入力して、クリックされた要素と開閉する要素のIDを表示します(これを確認するには、ソースを表示してください)。
- 「4番目のメニュー項目」のフォルダをクリックして、そのカテゴリを再表示します。サブ1、サブ2、およびサブ3が表示されるはずです。
- 「4番目のメニュー項目サブ1」のフォルダをクリックします。サブ1が展開されているはずですが、サブ2はカテゴリ行を含めて完全に消えています。これが私が解決しようとしている謎です。サブ1をクリックすると、「カテゴリ「d41」から「u411」を切り替える」と正しく表示されますが、<ul> u411が消えると、サブ2もすべて消えます。同様に、フォルダをクリックしてsub2を展開すると、sub3が消えます。
私はこれをまったく異なる方法で実装することにオープンです(これも私の最初のjquery実験です)。また、アコーディオンのような深い階層ではなく、階層をサポートしている限り、一度に1つのカテゴリしか開くことができないソリューションも検討したいと思います。
前もって感謝します。