تالار گفتمان nCIS.ir

سلام دوستان

یه مشکل واسم پیش اومده که وقتمو خیلی گرفته
بنده از تابع remove در جی کوئری برای حذف عناصر استفاده می کنم

$("a").click(function(){
    if (this.attr("id") == "delete") {
        r = window.confirm("Do you really want to remove ?");
        if ® $(this).parent().remove();
    }
});

 , تابعی که برای این کار نوشتم برای کد های اچ تی ام الی که از سرور زمان درخواست کاربر لود میشن مشکلی نداره و عناصر رو حذف می کنه اما وقتی می خوام یک سری کدهای اچ تی ام ال رو به صفحه اضافه کنم اصلا وارد تابع حذف نمیشه و اصلا انگار نمی بینتش , حتی alert هم که می گیرم انگار نمی بینتش ...
چی کار کنم برای کدهای اچی تی ام الی که بعدها به صفحه اضافه میشه این تابع کار کنه ؟؟؟


ممنون

help me please ...

برای عناصر Dynamic باید از قالب Delegation استفاده کنید:

$("body").on("click", "a.delete", function(events) {
    if (window.confirm("Do you really want to remove ?")) {
        $(this).parent().remove();
    }
});

بجای id هم از class استفاده کنید. دقت کنید که id فقط برای یک عنصر اعتبار داره و نمیتونید توی DOM چند عنصر با یک id داشته باشین. اگه فقط یک عنصر دارین که این کار حذف رو انجام میده و میخواین با id کار کنید، توی خط اول کد بالا بجای a.delete از a#delete استفاده کنید.

مرسی مهندس , مشکل بابت استفاده از id های یکسان برای عناصر بود ....

تشکر

خواهش میکنم. دکمه تشکر کاربردش قشنگتره