レビューソフト・アプリWEBサービスデジモノ本イベントレポートブログダウンロードこのサイトについて問い合わせ【jQuery】動的に生成されたタグに対するイベント追加Javascriptで書いたイベント処理が動作しないケースのひとつ。動的に生成したタグに対してのイベントの場合。イベントが動作しないケース以下にサンプルコードを記載する。alert("TEST!");});このコードの場合、以下のような動作をするように見える。TEST!」というテキストが表示されるテキストをクリックすると「TEST!」というアラートが表示されるだが実際は、3番目のテキストクリックは動作しない。Javascriptで動的に生成されたタグに対するイベントは、生成後にアドしないと動作しないためである。イベントを動作させるにはこういった場合、以下の書き方をすると、動的に生成されたタグに対してもイベントが適応される。alert("TEST!");});イベントの書き方を変えただけだが、これなら動的に生成されたテキスト部分のクリックイベントが動作する。Output48中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。ベンチャー企業の営業、大手企業のSEを経て、独立。ここ数年はWEB以外の仕事をしていたため、割と本気で勉強中。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。dialogタグ、edgeやsafariで動作しない。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。