دسترسی به المانی که append شده

به کد زیر توجه کنید :

کد HTML:

---


<div class="image_center">

</div>


var d= '<p class="close_image">حذف</p>';


$('.image_center').append(d);


---

تگ p رو به المان image_center اضافه کردن .

حالا میخوام بعد از append کردن , تگ p رو سلکت کنم . هر کاری میکنم کار نمیکنه .

کد HTML:

---


$('.image_center').on('click',function () {
    alert('s');
});



---

اینم تست کن :

کد HTML:

---

$('p.close_image').on('click',function () {
alert('s');
});

---

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

نقل قول:

---

نوشته اصلی توسط <?php?>

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

---

این چی؟

کد HTML:

---

var ele = $('.image_center').find('p');
ele.on('click',function () {   
alert('s');
});

---

این رو هم قبلا تست کرده بودم کار نمیکنه . در واقع مشکل این کد ها نیستند . مثال زیر رو ببینید :
http://jsfiddle.net/V9d8S/

بعد از append خیلی راحت میشه به المان دسترسی داشت . مشکل از کد من هست . در واقع من دارم داخل $.ajax این مورد رو append میکنم و تازه فهمیدم که چون تو ajax اپند میشه نمیتونه دسترسی داشته باشه که علتشو نمیدونم . کسی از دوستان میدونه چرا تو ajax اپند که میکنم دسترسی ندارم به المان اما خارج ajax دسترسی میشه داشت ؟؟؟؟

کد HTML:

---


$.ajax({
    url: './document/class/ajax_single_upload.php',
    type: 'POST',
    dataType: "json",
    data: formdata,
    cache: false,
    contentType: false,
    processData: false,
    success: function (data) {
        if (data.success != '') {

            var d = $('<div>' +
                '<div><img src="testurl"></div>' +
                '<p class="close_image">حذف</p>' +
                '</div>');

            $('.image_center').append(d);

        }
    }

});

$('.close_image').on('click',function () {
    alert('s');
});



---

نقل قول:

---

نوشته اصلی توسط <?php?>

به کد زیر توجه کنید :

کد HTML:

---


<div class="image_center">

</div>


var d= '<p class="close_image">حذف</p>';


$('.image_center').append(d);


---

تگ p رو به المان image_center اضافه کردن .

حالا میخوام بعد از append کردن , تگ p رو سلکت کنم . هر کاری میکنم کار نمیکنه .

کد HTML:

---


$('.image_center').on('click',function () {
    alert('s');
});



---

---

درود بر شما

روش اول:

کد:

---

$(document).on("click", ".close_image", function(){
 alert("تست");
});

---

روش دوم:

کد:

---

$(".close_image").click(function(){
 alert("تست");
});

---

این رو هم که حتما تست کردید:

کد:

---

$('.close_image').on('click',function () {
    alert('تست');
});

---

موفق باشید.

ممنونم مشکلم حل شد .
AmirWWP + SIBHost

تشکر از هر دوتاتون .

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

همانطور که دوستمون گفتند این کد براش کار میکنه

کد HTML:

---

$(document).on("click", ".close_image", function(){
 alert("تست");
});

---