綁定到exisitng單擊事件我有jQuery的準備範圍內的類選擇觸發click事件:jQuery的動態按鈕:如何通過
$(".testBtn").click(function()
{
alert("This Works");
});
這工作得很好靜態按鈕怎麼過這並未」 t用於點擊帶有「addRowBtn」id的按鈕時添加的動態按鈕。我猜測它與事件註冊後創建按鈕有關,但仍然有新的按鈕具有'testBtn'類,所以它應該有效。 任何想法我做錯了什麼,以及如何使動態按鈕註冊到類選擇器單擊事件?
以下是整個代碼,您可以複製並粘貼到html中,單擊「添加按鈕」並嘗試單擊添加的按鈕。你會看到什麼都沒有發生。
<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js'></script>
<script>
$(function()
{
$(".addRowBtn").click(function()
{
$("#mainTable tr:last").after("<tr><td><button class='testBtn'>NotWorking</button></td></tr>");
});
$(".testBtn").click(function()
{
alert("This Works");
});
});
</script>
</head>
<body>
<table id="mainTable">
<button class="addRowBtn">Add button</button>
<tr><th>Testing</th></tr>
<tr><td><button class='testBtn'>Working</button></td></tr>
</table>
</body>
</html>
這樣一個偉大的答案事件處理程序適用於所有的情況下,不能要求更多了。非常感謝 ! –
@omerbach:嗨,謝謝!很高興幫助! –