問題タブ [jquery-load]

私のサイトはjquery.load()、ページの大部分でナビゲーションを行うために使用していました。ロードされたコンテンツの特定の部分のみを含める機能に本当に感謝しています。ここでは id="content" の div です。

しかし今、動的に読み込まれるページの一部であるスクリプトを実行できる必要があります。 Jquery.load()これらのスクリプトは削除されますが、削除されjquery.ajax()ません。jquery.loadそのため、ajax 呼び出しでの部分コンテンツ機能を次のように複製しました。

問題は、ajax 呼び出しから動的にロードされるスクリプトが確実に実行されないことです。おそらく実行が早すぎるために、効果がないように見えることがあります。スクリプトは、jquery で DOM 操作を行っているだけです。画像やフラッシュなど、まだ読み込まれていないものには依存していません。行き詰まらないようにするために、私は物事を機能させるためのこの恐ろしいハックを持っています。以下を使用するだけの AJAX ロード スクリプトの代わりに:

実行する前にスクリプトを 200 ミリ秒遅らせます。

遅延をハードコーディングせずにこれを確実に機能させる方法を知っている人はいますか? <script>新しい divにロードするロジックとの間の競合状態だと思います#contentが、どうすればよいかわかりません。

これは、 AJAX、サブドメイン、および 200 OK 応答(およびJavaScript 同一生成元ポリシー - 異なるサブドメインにどのように適用されますか? )と非常によく似た質問ですが、ひねりがあります。次のような状況があります。

• ドメイン (www.example.com)
• サブドメインのページ (sd.example.com/cat/id)
• 別のサブドメイン (cdn.example.com) に対して ajax スタイルのリクエストを行う必要がある

前述の質問とは対照的に、私が求めているのは画像です。

• 画像の GET リクエスト (jQuery $.load() を使用)

これは問題なく動作しているようです。問題なく動作していたので、誰かが Firebug でエラーを生成していると指摘したとき、同一生成元ポリシーがすぐには思い浮かびませんでした。

• 画像は localhost でロードされます ( test.sd.example.com/cat/idの apache VirtualHost URL)

ただし、リンクした質問のおかげで思い浮かんだので、本番環境ではこれが確実に機能しないのではないかと心配しています。

• これは本番環境で引き続き機能しますか? また、クロスブラウザーで確実に機能しますか?

回答: いいえ --機能しているように見えただけです。それは本当ではなかった

• そうでない場合、どうすれば修正できますか? (私はJSONP画像ができるとは思わない...できますか?)

回答: 画像の src の設定を続行し、load イベントがトリガーされるまで表示を待ちます。

• もしそうなら、どうすれば Firebug エラーを止めることができますか? 私ができる場合。（彼らは仲間の開発者を怖がらせています。）

回答: 上記と同じ -- 実際に画像ファイルの GET リクエストを実行するステップを取り除きます。

初期コード

jQueryを使用してページに外部画像を非同期的にロードしたいのですが、次のことを試しました:

しかし、それは常にエラーを返します。このように画像をロードすることさえ可能ですか?

メソッドを使用しようとしまし.loadたが、うまくいきましたが、画像が利用できない場合 (404) にタイムアウトを設定する方法がわかりません。これどうやってするの？

つまり、コンテンツがjquery load（）でロードされているページがあります。問題は、私が選択しようとしているときです。

（ドキュメント内で準備完了）は最初のページで機能しますが、後続のページ（$（this）.load（url）;を使用してdivにロードされる）では、セレクターは機能を停止します。

任意のヒント？

開発サイトで動作していたため、これは最終的にイライラしますが、ライブサイトに移動した後、動作しなくなりました. :S

さらにイライラするのは、url の値を次のようにハードコーディングする場合です。

問題なく動作します。

を追加するalert(url)と、正しい相対アドレスが得られます。

テスト用に使用している 2 つの単純なページがあります。

最初のページでは、2 番目のページから$.load()a をロードするために使用しdivます。

どちらのページにもコーナリングを行うためのプラグインが含まれています。2 番目のページから div をロードする最初のページをロードすると、コーナリングが機能しません。ただし、2 番目のページを自分でロードすると、コーナリングが機能するため、$.load() を使用します。

1ページ目のコードは次のとおりです。

2 番目の div を読み込もうとしているページが表示されます。

そして2番目のページ：

丸み付けに使用する CSS (角丸プラグインと一緒に):

Firefox では問題なく動作しますが、IE (特に私が試したバージョン 8) では、角が丸くなることはありません。

繰り返しますが、手動で IE 8 コーナーの 2 ページ目に移動すると、それは .load() メソッドが使用された場合のみです。

どんな助けでも感謝します。

注: 最初のページからスタイル シートを読み込む必要があるため、両方のページにスタイル シートを追加する必要がないことは承知していますが、実行しようとしている内容の完全なコードを表示するために追加しました。ありがとう、リッキー

Facebookのような機能を作成しようとしています.ajaxから実行するだけで、サイトを再度リロードする必要はありません。とにかく、私はFacebookがそれをどのように行うのか知りたいので、彼らのようにそれを行うことができます。

彼らは使用しますjQuery('#phto_area').load('#photo_with_comment);か、または

彼らは最初にjson形式でデータを取得してから、それにhtmlコードを実装しますか？

わかりましたので、.load()使用します...

データがオブジェクトとして提供される場合は、POST メソッドが使用されます。それ以外の場合は、GET と見なされます。

私は次のものを持っています...

私が抱えている問題は$.param、データをシリアル化するために使用すると、GET が使用されているように見えることです。

使用しない場合$.paramは POST が使用されますが、配列が正しくシリアル化されず、コントローラーでデータを受信しないという問題が再び発生します。

これを回避する簡単な方法はありますか？

jQuery load() イベントを使用してページを iframe にロードしています。ロード中のページには、2 つの API にアクセスするスクリプトが含まれているため、ロードに時間がかかります (~15 ～ 30 秒)。クリックして読み込みをキャンセルできるボタン/リンクを読み込み画面に追加したいと思います。そうしないと、ページから移動できなくなります。現在、私は持っています：

#analyticsloaderは ajax ローダー グラフィックを含む div であり、「何とかロードする間お待ちください」、load() 関数の実行を停止する [キャンセル] ボタンを追加したいと考えています。

私は自分のウェブサイトを書いて、私の主な機能のほとんどを収容するメインの JavaScript/jQuery ファイルを作成しました。

しかし、私のページでは.load("example.php")、メインの読み込み時間を節約するためにいくつかの関数を使用しています。example.php私が直面している問題は、ロードした主な機能のいくつかを使用したい場合、WITHINで MAIN JavaScript/jQuery ファイルを再度ロードする必要があることです。

しかし、それはあまりスマートで効率的ではないようです。それを行う必要がないようにするために欠けているものはありますか????

このトピックについては、どんな光でもいただければ幸いです。乾杯。