تعریف رویداد قبل از وجود عنصر

[inert77]

سلام ..........

اول یه نگاه به این بندازید

$(function(){

$("#salam").bind("click",function(){
$("#salam").append("salam");
});
$('body').append("<div id='salam'>HI SIr !</div>");
});
خوب همون طور که می بینید اول رویداد واسه ی عنصر با ایدی سلام بوجود اومده بعد خوده عنصر ...
و مشکل این جاست که در هنگام اجرا اصلا رویداد هنگام کلیک اجرا نمیشه ...

در صورتی که به صورت زیر


$(function(){
$('body').append("<div id='salam'>HI SIr !</div>");
$("#salam").bind("click",function(){
$("#salam").append("salam");

});

});

این رویداد به خوبی اجرا میشه

خوب حالا اگه من بخوام رویداد قبل از ایجاد یک عنصر تعریف بشه و کار کنه باید چی کار کنم ؟ ( مثله کده اول)

[pyramid_ali]

باید از on استفاده کنی!


$(document).on('click', 'your selector', function() {});