![](/img/trans.png)
[英]After appending an element the event click is not working on the appended element in jquery
[英]Click event added to appended html; element not working as anticipated
好的,我確定我在做一些根本上根本不對的事情,但是我自己無法解決此問題。 我嘗試使用Google搜索和搜索此論壇,並通讀jquery文檔的相關部分。
如果您需要任何其他信息,請告訴我。 提前謝謝了。
我正在嘗試做的是:
我有一個表格,其中顯示了各種測試的詳細信息,在其底部,我有一個按鈕可以進行新的測試。 由於每個測試都包含表的幾行,因此我在一個隱藏的div中有一個模板,該模板已克隆並附加到活動表中。 為了唯一起見,我正在使用jquery基於可變整數添加適當的類和id。 我還試圖將click事件添加到表單元格之一中的圖像上,以刪除與該特定測試有關的行。
我目前的功能
function newTest(sampleID){
var testID = $("#testCount").val();
$("#newTest tr").clone(true)
.addClass("test"+testID)
.appendTo("#testsTable"+sampleID);
$(".newdelbox:first")
.attr("id","testDelete"+testID)
.addClass("delbox")
.removeClass("newdelbox");
$(".test"+testID).on('click',"#testDelete"+testID,delSample(testID));
testID++;
$("#testCount").val(testID);
}
我需要發生的事情
單擊圖像時要調用的函數。
怎么了
僅當分配了腳本(未單擊)時才調用功能。 單擊該功能以后將不會運行。 我在控制台內看不到任何錯誤。
我嘗試過的
鏈接到以下代碼:
.click(delSample(testID));
.on("click",delSample(testID));
.bind("click",delSample(testID));
作為函數中的新行:
$(".test"+testID).on('click',"#testDelete"+testID,delSample(testID));
document.getElementById("testDelete"+testID).onclick(delSample(testID));
document.getElementById("testDelete"+testID).addEventListener("click",delSample(testID),false);
我不知道你的HTML,但我認為像
.on("click",function(){
var current_id = jQuery(this).attr('id');
delSample(current_id);
});
只要找到你的身份證
嘗試這個:
.click(function(){
delSample(testID);
});
要么
.on("click",function(){
delSample(testID);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.