簡體   English   中英

Click事件已添加到附加的html; 元素未按預期工作

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM