jQuery的AJAX加載內容問題

Question

我有一個正常的頭一個嚴格的XHTML網站「main.php」，其中jQuery和其他腳本加載 - 也有一個菜單：

 <div id="tab"> 
      <ul> 
       <li><a href="#" onclick="content('load/feed.php');"><img src="feed_active.png" width="16" height="16" alt="Feed" /></a></li> 
       <li><a href="#" onclick="content('load/feed2.php');"><img src="feed2_off.png" width="16" height="16" alt="Feed2" /></a></li> 
      </ul> 
     </div> 

在點擊URL通過加載jQuery.load（）;進入#content div。一切工作正常，並且在feed.php的main.php中定義的CSS被添加到 #content div。

現在問題：在加載的文件中，例如feed.php有一個圖像

<img src="test.jpg"> 

我已經添加了我自己的jQuery.mouseover，mouseout函數 - 它不起作用！另外，我在main.php 和feed.php中有一個輸入框，它通過AJAX加載，例如鏈接。

<a href="#" onclick="jQuery('#entermessage').val('test');"> 

它也行不通，爲什麼？我以爲AJAX加載頁面是集成到main.php？但我所有的JS/jQuery Stuff都不起作用？

希望你明白，希望你能幫忙？

Answer 1

使用live事件處理程序：

綁定的處理程序，爲目前所有的事件（如 點擊） - 和未來 - 匹配的元素。還可以綁定自定義的事件 。

如：

$('#myImage').live("mouseover", function() { 
    // do stuff 
}).live("mouseout", function() { 
    // do stuff 
}); 

$('#myLink').live("click", function() { 
    // do stuff 
});