【轉】jQuery給動態添加的元素綁定事件的方法

從數據庫讀圖片url，動態寫在html上，爲每一個圖片添加點擊事件，發現$('img').click(function(){...});無論用。

如下是在腳本之家找到的方法：傳送門   http://www.jb51.net/article/61915.htm

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

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

例如

1 <div id="testdiv">
2   <ul></ul>
3 </div>

 

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

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

 

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

 

1 $("#testdiv ul").on(
2            "click",
3            "li", 
4            function() {  
5                //do something here  
6 });

 

 

但願本文所述對你們的jQuery程序設計有所幫助。

 

 

********************我是分割線************************

我還沒看到這個以前，我本身的解決方案是在動態生成的標籤語句中，直接寫一個onclick方法，傳遞參數this.id或this對象能夠進行點擊操做。不過相比上面這種，我這個就有點low了，哈哈