在動態創建的html中調用javascript函數

Question

我有一個Java腳本文件，如下圖所示。
在這個文件中，我爲我的網頁創建了一個html代碼，並且在這個html中，我調用了在Java腳本文件中定義的函數 。 但是，當我運行它，我得到的功能沒有定義。
附加信息：

加提到（ 「C按鈕」）的功能在Java腳本文件中的另一個函數的定義。

(function() { 
    var thecid = 0; 

    function cButton (ii) { 
     document.getElementById(ii).style.display = 'none'; 
     alert('fdgfg'); 
    } 

    $("#subber").on("click", function() { 
     var thelm = "#c0"+thecid; 
     var newcommhtml = '<div id="c0' + thecid + '" class="cnew clearfix">'; 
     var ii='c0'+thecid; 
     newcommhtml += '<section class="c-content">'; 
     newcommhtml += '<a href="#" onclick="cButton(\'' + ii + '\');" style="color:black;">x</a>'; 
     newcommhtml += '<p>' + nl2br(textval) + '</p> </section></div>';   
    }); 
})() 

Answer 1

爲onclick工作，您需要cButton()全局訪問作爲全局窗口對象的屬性。

更改您的代碼：

window.cButton = function(ii) { 
    ... 
} 

Answer 2

的問題是，要定義cButton文檔準備好處理程序裏面，所以它並不之外的存在。如果你宣佈外面的功能，然後事情可以訪問它...

function cButton(ii){ 
    document.getElementById(ii).style.display = 'none'; 
    alert('fdgfg'); 
} 

(function(){ 
    var thecid = 0; 
    $("#subber").on("click", function(){ 
     var thelm = "#c0"+thecid; 
     var newcommhtml = '<div id="c0'+thecid+'" class="cnew clearfix">'; 
     var ii='c0'+thecid; 
     newcommhtml += '<section class="c-content">'; 
     newcommhtml += '<a href="#" onclick="cButton(\''+ii+'\');" style="color:black;">x</a>'; 
     newcommhtml += '<p>'+nl2br(textval)+'</p> </section></div>';   
    }); 
})()