jQuery toggle（）在包含（使用PHP）的代碼中不起作用。

Question

我定義了以下代碼以隱藏列表的某些元素：

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(".done").toggle();
  });
});
</script>

基本上，任何單擊的<button>元素都將在具有“ done”類的任何元素上執行toggle（）函數。 我知道這可行，因為它可以在某些按鈕上運行。 我有一個頁面，頁面由幾個包含的文件組成（使用PHP include（））。 通常，javascript可以在這些包含的文件中進行輸入和輸出，但是由於某些原因，如果我在其中一個文件中放置一個按鈕，它將不起作用-該功能僅適用於定義了腳本的文檔上放置的按鈕。 總是這樣嗎，還是我做錯了什么？

Answer 1

嘗試使用jQuery live函數 ：

$("button").live('click', function(){
    $(".done").toggle();
});

Answer 2

嘗試更改：

$("button").click(function(){

至：

$("button").live('click', function(){

無論何時添加事件，這都將使事件綁定到任何按鈕。 如果使用.live ，則不需要在$(document).ready(塊內使用它，因為.live將在添加元素時添加事件。