jQuery的創造元素，並使用它

例如，我有這樣的：jQuery的創造元素，並使用它

<div id="buttons"> 
    <button class="button">Click</button> 
</div> 

<script> 
    $(document).ready(function() { 
     $('.button').click(function() { 
      $('#buttons').append('<button class="button">Click</button>'); 
     }); 
    }); 
</script>

當我按下「點擊」按鈕，該腳本將創建一個具有相同類別「按鈕」的新按鈕。當我按下這個新按鈕 - 沒有任何反應。

我明白爲什麼，但我不知道如何避免這種情況。我想我的腳本「看到」剛剛創建的按鈕。

來源

2012-04-25 imkost

你[搜索第一（http://stackoverflow.com/questions/10084293/how-to-make-live-click-event-on-new - 新增-DOM/10084329＃10084329）？ – neoascetic 2012-04-25 00:45:35

是的，我做了搜索，但我沒有找到答案。抱歉。 – imkost 2012-09-03 21:11:38

使用on綁定到委託事件

$("#buttons").on("click", ".button", function() { 
    $('#buttons').append('<button class="button">Click</button>');  
});

例子：http://jsfiddle.net/66H8W/

來源

2012-04-25 00:45:13

你是我的救星。非常感謝 – imkost 2012-04-25 00:51:29

@imkost：沒問題，樂於幫忙。 – 2012-04-25 00:52:14

讀http://api.jquery.com/on/，要特別注意「直接和委託的事件」一節。

來源

2012-04-25 00:47:13

你好演示：http://jsfiddle.net/vcrF3/ **或http://jsfiddle.net/vcrF3/1/

http://api.jquery.com/on/報價

事件-地圖的地圖，其中所述字符串鍵表示一個或多個空格分隔的事件類型和可選的名稱空間，並且值表示要爲事件調用的處理函數。

jQuery代碼

$.fn.ready(function() { 
     $('div').on("click", ".button", function() { 
      $('#buttons').append('<button class="button">Click</button>'); 
      // alert('append button is clicked'); 
     }); 
    });

來源

2012-04-25 00:48:12

jQuery的創造元素，並使用它

回答

相關問題