問題タブ [jquery-load]

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 投票する
1 に答える
1256 参照

jquery - 再帰的なJQueryロードコマンド

JQueryを使用してコンテンツをdiv要素にロードしていますが、すべて正常に機能しています。

これを拡張したいと思います。私が持っている構造は、各ブランチに子ブランチがアタッチされている(またはされていない)ツリーの構造です。私がしたいのは、JQueryのloadコマンドが、子がアタッチされなくなるまで再帰的に呼び出されることです。次の手順のようなもの:

  1. Jquery load関数を呼び出して、コンテンツを'content'divにロードします。
  2. load関数が子がアタッチされていることを返す場合
  3. JQueryロード関数を再度呼び出して子を取得します
  4. 子供が利用できなくなるまで、手順2と3を繰り返します。

誰かがJQueryでこれを行ったか、これを処理するプラグインを知っていますか?

ありがとう

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

jquery - jQueryを使用して外部ページからコンテンツをロードする方法は?

jqueryを使用して外部ページ(相対的ではない)からdivにコンテンツをロードすることは可能ですか? ここで、外部ページとは、たとえば次のような別の Web アプリケーションであることを意味します: http://www.yahoo.com コードがあります:

Firebugを使用すると、次の結果が得られました: Firebug の結果 http://devville.net/blog/wp-content/uploads/2010/05/jQuery-LoadExternalContent.png

ご覧のとおり、応答コードを強調表示しました。200 は OK を意味しますが、まだコンテンツがロードされていません。理由を知っている人はいますか?

0 投票する
7 に答える
18734 参照

jquery - jquery.load()をキャンセルする方法は?

load()が5秒以内に戻らない場合、.load()操作をキャンセルしたいと思います。その場合は、「申し訳ありませんが、画像が読み込まれていません」などのエラーメッセージが表示されます。

私が持っているのは...

...タイムアウト処理:

...エラーメッセージタイムアウトの初期化:

...画像の読み込み:

私が理解できなかった唯一のことは、実行中のload()をキャンセルする方法です(可能な場合)。

編集:

別の方法:.load()メソッドが戻ってきたときにそのコールバック関数を呼び出さないようにするにはどうすればよいですか?

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

jquery - jQueryが機能している/待機している/読み込んでいることを示す方法は?

読み込み中の画像やメッセージをユーザーに表示するにはどうすればよいですか?可能であれば、背景が灰色で薄暗いフルスクリーンにする方法を教えてください。いくつかのギャラリーから大きな写真を見るときのようなものです(申し訳ありませんが、リンクの例はありません)。

現在、画像やその他のフォーマットを持つCSSクラスを追加していますが、何らかの理由で機能しません。検索の結果はdivに挿入されます。

HTML

CSS

JS

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

ajax - AJAXを使用して特定の外部DIVからテキストをロードしますか?

私はAJAXを使用してhttp://www.census.gov/ipc/www/popclockworld.htmlから推定世界人口をロードしようとしていますが、これまでのところ、惨めに失敗しています。

そのページには推定人口を含むID「worldnumber」のDIVがあるので、それがページから取得したい唯一のテキストです。

これが私が試したことです:

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

php - jQuery と PHP を使用して外部フォームとページ (php) をロードする方法 (おそらく .load() )?? 詳細は以下に記載されています

Web プロジェクトに PHP を使用しています。私が作成した Web ページには、jQuery を使用した TABS コントロールが含まれています。TAB CONTENT には、FORMS、TABLES、TEXT などがあります。

実現したいBEHAVIORは、

ユーザーがフォームにデータを入力した後 (および検証が成功した後)、そのフォームのデータはいくつかの PHP ページに渡され、結果に基づいて TAB CONTENT (同じタブ) が NEW FORMS や TABLES などで読み込まれる必要があります...

WEB BASED PHP PROJECT でこのような動作を実現したいと考えています。私はjQuesryが初めてなので、コード例、チュートリアルへのリンク、リファレンスなどを教えてください...

私のプロジェクトを成功させるために私を助けてください。

よろしくお願いします

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

jquery - 私のスクリプトは静的コンテンツでは正常に動作しますが、コンテンツが AJAX 経由で変更されると壊れます - jQuery

月のグリッドを示す 1 つの div と、選択した日付のイベントを示す 2 番目の div の 2 つの部分で構成されるカスタム カレンダーを作成しています。現在の月のカレンダー グリッドが自動的に読み込まれ、毎日のイベントの表示が正しく機能します。ただし、ユーザーがボタンをクリックして次の月または前の月を表示すると、日付をクリックすることはできなくなります。また、月の変更は、動的に読み込まれるカレンダーでは機能しなくなりました。

これは私が使用しているjQueryコードです:

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

javascript - jQuery UIダイアログ-開いているダイアログの内容を変更します(Ajax)

を使用してjQueryUIダイアログで動的に開きたいリンクがいくつかありますjQuery.load()。ダイアログが開いたら、すでに開いているダイアログ内にリンクをロードします。

  1. したがって、サイトが読み込まれ、リンクをクリックすると、ダイアログが開きます。それはいいです。何度でも開閉できます。
  2. 開いているときに、読み込まれたコンテンツのリンクの1つをクリックしても、機能しません。
    • Ajax GETリクエストが実行されますが、結果のコンテンツがダイアログに正常にロードされません。(Firebugはリクエストを表示します)
    • 以前のダイアログタイトルとダイアログコンテンツが消去されます。ただし、新しいコンテンツは表示されません。また、DOMに挿入されることもありません。(生成されたソースにはコンテンツがどこにも表示されません。)

リンクは次のようになります...

クリックイベントがバインドされます...

このajax_dialog関数は、ダイアログがあるかどうかを確認し、ない場合はダイアログを作成するために呼び出し、コンテンツをロードするために呼び出し、タイトルを設定し、ダイアログが開いていない場合は開きます。

init_dialogダイアログがない場合、関数はダイアログを作成します...

このload_dialog関数は、目的のコンテンツをダイアログにロードします。

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

jquery - jQuery - 要素が ajax を介して読み込まれた後に何かを行いますが、ajax 関数では行いません

ajax 呼び出しから要素がページに読み込まれるのを監視しようとしています。ajax 呼び出しを行っている jquery にアクセスできません。そのため、新しい html がページに読み込まれたときに、いくつかの変更を適用したいと考えています。

私は現在 .load() 関数を使用しようとしています:

これは何もしていません。それをライブバインディングにしてみましたが、あまり意味がありませんが、試してみようと思いました。

セレクターは正しいです。

何か案は?

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

jquery - タブのクリックで一度だけjQueryロードページ

いくつかのタブを含むページがあり、特定のタブをクリックすると、他のページが動的に読み込まれます。唯一の問題は、タブをクリックするたびにこれらのページが読み込まれることです。最初のクリックで一度だけロードするにはどうすればよいですか?

私が使用するコードは次のとおりです。

ありがとう!