صدرا حکیم
5 سال پیش توسط صدرا حکیم مطرح شد
1 پاسخ

کار نکردن رویداد هنگام اضافه شدن یک المان

سلام دوستان
فرض کنید یه کد خیلی ساده مثل زیر داریم

<a href="#" class="test">Hello</a>
$('.test').click(function (e) {
     e.preventDefault();
     alert(۱۱۱۱);
     $(this).after('<a href="#" class="test">Hello۲</a>');
});

زمانی که لینک دومی به صفحه اضافه میشه ( که در واقع همون کلاس test رو هم داره )، دیگه اون رویداد که برای کلاس test تعریف شده کار نمیکنه و هیچ alert یا لینک جدیدی اضافه نمیشه !
تو اینترنت گشتم و با کد زیر امتحان کردم ولی با این کد زیر اصلا رویداد کار نمیکنه... حتی برای بار اول ( هم با on و هم با delegate امتحان کردم )

$('.test').on('click', '.test', function (e) {
     e.preventDefault();
      alert(۱۱۱۱);
    $(this).after('<a href="#" class="test">Hello۲</a>');
});

ثبت پرسش جدید
مهدی مهدوی
تخصص : تازه وارد
@mehdi.mahdavi97 5 سال پیش مطرح شد
2

سلام
به اینصورت مشکل باید حل بشه

$(document).on('click', '.test', function (e) {
     e.preventDefault();
      alert(1111);
    $(this).after('<a href="#" class="test">Hello2</a>');
});

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام