給元素綁定事件 http://www.jb51.net/article/61915.htm

 

 

本文實例講述了jQuery給動態添加的元素綁定事件的方法。分享給你們供你們參考。具體分析以下：

jquery中綁定事件通常使用bind，或者click，可是這隻能是對已經加載好的元素定義事件，那些後來添加插入的元素則須要另行綁定。在1.7版本之前使用live。可是在1.8版本之後推薦使用on。這裏介紹jQuery中如何給動態添加的元素綁定事件
在實際開發中會遇到要給動態生成的html元素綁定觸發事件的狀況

例如

?

1 2 3

< div id = "testdiv" >    < ul ></ ul > </ div >

須要給<ul>裏面動態添加的<li>標籤添加click事件
 
jquery 1.7版之前使用live動態綁定事件

?

1 2	$( "#testdiv ul li" ).live( "click" , function (){ });

jquery 1.7版之後使用on動態綁定事件

?

1 2 3

$( "#testdiv ul" ).on( "click" , "li" , function () {       //do something here   });