如何爲已加載的按鈕應用點擊操作

Question

我有2個頁面，主頁面有一個點擊操作，用於從頁面「1.php」加載的按鈕ID。點擊作業不起作用。 主文件：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#t").load("1.php"); 
     $("#s").click(function() { 
     alert($("Done!"); 
     }); 
    }); 
</script> 
<div id="t"></div> 

和這裏的1.PHP：

echo '<input type="button" value="go" id="s">'; 

任何想法？

Answer 1

使用事件代表團：

$("#t").on("click", "#s", function() { 

你的處理程序被綁定在運行時，和當時你的按鈕是不是在DOM。

Answer 2

使用.on()

$("#t").on("click", "#s", function() { }); 

Event Delegation

---

附加事件處理到父#t元件，因此當#s被添加到DOM您單擊事件工作

Answer 3

Event Delegation 是事

$("#t").on("click", "#s", function() { 
    alert("clicked"); 
}) 

Answer 4

的​​異步進行的，所以它的很可能目標元素實際上存在之前正在執行的.click()分配。您可以通過將處理程序分配給父元素並將事件委託給該元素來解決此問題：

$('#t').on('click', '#s', function() { 
    alert($("Done!"); 
});