在ajax加載頁面上執行jQuery動作

我想要訪問我使用jquery.load加載到div中的html文件內的內容。在ajax加載頁面上執行jQuery動作

我的索引頁看起來是這樣的：

<!DOCTYPE html> 
    <html> 
    <head> 
     <title> 
     </title> 
     <script src="jquery.js" type="text/javascript"></script> 
     <script src="script.js" type="text/javascript"></script> 
     <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 
    <body> 
     <div id="content"> 
     </div> 
    </body> 
</html>

我的腳本到目前爲止是這樣的：

$(document).ready(function() { 
    $("#content").load("content.html"); 
    $("#content").click(function(){ 
     alert($(this).attr("id")); 
    }); 
});

的content.html頁：

<!DOCTYPE html> 
<html > 
    <head> 
     <title></title> 
    </head> 
    <body> 
     <h1 id="header1"> 
     Content 
     </h1> 
     <p> 
      This is a paragraph 
     </p> 
     <p> 
      This is another paragraph 
     </p> 
    </body> 
</html>

所以我想發生的事情是：當我點擊內容div中的標籤時，它應該顯示該標籤的ID - 即「head er1「，但目前它只是顯示」內容「。我怎樣才能做到這一點？

預先感謝您

來源

2013-06-12 Morne

將事件處理程序綁定到內容中的每個元素。

$(document).ready(function() { 
    $("#content").load("content.html"); 
    $("#content, #content *").click(function(e){ 
     alert(this.id); 
     e.stopPropagation(); 
    }); 
});

或者讓事件傳播完成：

$(document).ready(function() { 
    $("#content").load("content.html"); 
    $("#content").click(function(e){ 
     alert(e.target.id); //may return undefined if no id is assigned. 
    }); 
});

工作實例：http://jsfiddle.net/5JmsP/

來源

2013-06-12 08:57:46

非常感謝，完美的作品！ – Morne

@Morne非常好，很高興我能幫到你！ –

在ajax加載頁面上執行jQuery動作

回答

相關問題