【JQuery】appendで追加した要素でclickイベントが発火しないときの対処法
JQueryでclickイベントがうまく発火しない・・・もしかしてそのクリック対象の要素、appendで追加していませんか?
appendで追加した要素でclickイベントを発火させるには以下のように記述を変更する必要があります。
HTML要素
<button class="btn">クリック</button>
JQuery
/* 通常の記述 */
$(function () {
$('.btn').on('click', function () {
alert('clicked!!');
});
});
/* appendで追加した要素向けの記述 */
$(function () {
$(document).on('click', '.btn', function () {
alert('clicked!!');
});
});
投稿者プロフィール
最新の投稿
コンテンツ2023.05.26なぜSCSSを使わないのか
コンテンツ2023.05.23【JQuery】appendで追加した要素でclickイベントが発火しないときの対処法
コンテンツ2023.05.19ホームページ制作会社に作業を依頼するときの注意点
Webサイト制作実績2023.05.16ウイングアーク1st株式会社様の情報メディア「データのじかん」のサイトリニューアルに協力させていただきました。