1

ページ上にsimplemodalのインスタンスがいくつかあり、すべて正常に機能しています(すばらしいスクリプトです!)。

これで、(このスクリプトを使用して)更新を容易にするために、ページのヘッダーが別のページから動的に読み込まれるようになりました。

ヘッダーの「Contact」リンクはモーダルをロードする必要がありますが、動的にロードされているため、モーダルは起動していません。

問題のページのデモはこちらです。

「連絡先」リンクはヘッダーの右側にあります。ヘッダーのロード元のファイルはここにあります。

ヘッダーファイルの元のページにsimplemodaljavascript(現在はメインページのhtmlの下部にあります)を追加しようとしましたが、成功しませんでした。ヘッダー(ドロップダウンメニュー)には、まだ正常に機能している他のjavascriptアクションがあります。「ルール」ボタンと「場所」ボタンは、動作するモーダルの例です。

誰かがこれについて何かアイデアがありますか?

Javascript/プログラミング全般に関して私の不備をお詫びします

編集:リンクが動的にロードされていない(したがって正しく機能している)ページと比較すると、1つの違いは、これが役立つ場合、クリックイベントがロードされないことです。誰かアイデアがありますか?このような小さな迷惑なことがこのウェブサイトを今後停止させます!

4

1 に答える 1

0

あなたが直面している問題は、動的にロードされたコンテンツのイベント バインディングに関係しています。

この問題に対処する方法はいくつかありますが、最善の選択肢は、jQuery の.on()関数を確認することです。

于 2013-02-17T16:54:57.643 に答える