jquery load 関数を使用して div を切り替えています。javascript を実行する必要がある ajax を介して特定の要素をロードするたびに、div では機能しません。これは、最初のページの読み込み時に要素が dom に存在しなかったためだとわかっています。
私は何日もグーグルで検索しましたが、わかりやすい説明が得られる答えが見つかりませんでした。基本的に、.onorだけを使用するように言われました$getScript。
しかし、これは適切な答えではないようです。div にロードされた各要素には同様のプロパティがあるため、単に jquery ライブラリをロードし、インデックス ページのヘッド セクションに同じ 2 つの外部スクリプトをロードし、それらのスクリプトが「ライブ」のままになるか、単純な要素に追加されるようにします。 ajax を介して div に外部からロードされている html コンテンツ。
たとえば、page 1bouncecats という名前のpage 2div と bouncedogs という名前の div がある場合、どちらも「bounce」という名前の外部 JavaScript を必要とします -インデックス ページの head セクションに 1 回だけ JavaScript ファイル「bounce」をロードしたい-次に、インデックス ページの bounceanimals という名前の div を猫または犬のいずれかと動的に交換します。
これまでのところ、私が得ている唯一のアドバイスは、 jquery ライブラリとbounce.jsファイルを の最後と の最後にpage 1置くことだけのようですpage 2。これはもちろん機能しますが、冗長すぎるようで、もちろん ajax の読み込みが遅くなります。
jquery ライブラリと外部 javascript ページをインデックス ページ ヘッドに一度だけロードし、ajax 経由でコンテンツを div にロードするときにそれらを実行する方法を知っていますか?
私が抱えている問題は、スクリプトをbounce.js自分で作成していないことです。スクリプトは既に最小化されているため、スクリプトを変更することは非常に困難であることが判明する可能性があります。外部の JavaScript リンク自体をラップできるものはありますか?