在动态创建的html中调用javascript函数

Question

我有一个Java脚本文件，如下图所示 在这个文件中我为我的网页创建了一个html代码，并且在这个html中我调用了一个函数 在Java脚本文件中定义。 但是当我运行它时，我得到的功能没有定义 其他信息：

加上提到的函数（“cButton”）在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>';        
    });
})()