حالت موضوعی | حالت خطی

**hamed_Arfaee**

سلام

تیتر مناسبی برای این سوال نتونستم بنویسم :)

سوال اینه : وقتی با جی کوئری یک شی جدید به صفحه جاری اضافه میکنیم اون شی دیگه توسط توابع جی کوئری که همراه با لود صفحه اجرا شدن رو نداره
با مثال توضیح بدم می شه این :
یک کد جی کوئری به این شکل داریم :

کد php: 
<script src="jquery.min.js"></script>
<script>
$(document).ready(function(e) {
    $("#mybtn").click(function(e){
        $("#a1").html("<button id=\"newbtn\">IranLED</button>");
    });
    $("#newbtn").click(function(e){
        alert('ajax new button');
    });
});
</script> 

که اینم اچ تی ام الشه :

کد php: 
<body >
    <div id="a1" style="width:400px;height:400px; background-color:#006699" >
        <button id="mybtn">salam</button>
     </div> 
</body> 

که وقتی روی شی با آی دی mybtn کلیک بشه محتوی شی a1 عوض و یک دکمه اضافه میشه که آی دی اون هم هست : newbtn حالا مشکل اینجاس که این دکمه جدید که باید وقتی روش کلیک میشه تابع دوم تعریف شده رو اجرا بکنه کار نمیکنه .

حالا دوستان کسی میدونه اون فوته چیه ؟ چجوری دوباره توابع جی کوئری رو لود کنیم ؟ یا چجوری به اون تابع بگم ایونت این شی جدید رو هم هندل بکنه ؟

**lord_viper**

ای بابا
از قدیم هم

کد: 
$("#newbtn").click

هم برای المانهای دینامیک جواب نمیداد زیر 1.8 باید از تابع live استفاده میکردین

کد: 
$("#newbtn").live('click',function(){

alert('ajax new button');

});

بعد از 1.8 تابع live از دور خارج شد و on اضافه شد که باید به صورت زیر بنویسی

کد: 
$("body").live('click',"#newbtn",function(){

alert('ajax new button');

});

موفق باشی جوون

**hamed_Arfaee**

دستت مرسی
آره با این on تست کرده بودم ولی چون به اشتباه از نسخه 1.1 جی کوئری استفاده میکردم خطا میداد .
بروزش کردم درست شد .
اینجوری نوشتم :

کد php: 
$("#a1").on("click","#newbtn",function(e){ 

حالت موضوعی \| حالت خطی jquery و مشکل اضافه کردن اشیا جدید
نویسنده	پیام