如何使用jquery動態創建div或元素

Question

我已經發出了ajax請求，並且獲得了各種各樣的行，並將它們回顯爲動態創建的div。現在我想將事件綁定到每個div，如mousedown（）..做一些事情，但我無法訪問任何div。請幫助我嗎？

Answer 1

您可以使用.live()，像這樣：

$(".myDivClass").live('mousedown', function() { 
    alert('Your mouse is down!'); 
}); 

You can view a quick demo here

它未將事件綁定到這些新的申報單，它只是執行功能/處理每當mousedown發生在一個元素匹配那個類（通過冒泡來確定），獲得你想要的效果......就好像你將處理程序綁定到每個出現的新div。

Answer 2

和另一種解決方案，比.live()

你可以只加載jQuery函數dinamycally，在您的ayax請求。 它不是在小任務有用的，但在大的項目也可以是非常有用的（從我的做法......）

Answer 3

如果您使用jQuery 1.7+你應該使用.on()或.delegate()爲.live()折舊。

jQuery("table").on("click", "tr", function(event){});