صدرا حکیم
6 سال پیش توسط صدرا حکیم مطرح شد
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>');
});