javascript - js动态创建点击功能的复选框未定义

Question

我正在动态创建一个复选框，当执行 onclick 函数时，我在控制台中收到“函数未定义”错误。在单步调试过程中，代码会在页面加载事件期间读取，但单击时会引发错误。我尝试将函数加载到 $(document).ready();但得到同样的错误:

*这些函数位于页面加载时调用的函数内部。 'chkBox'是未定义的函数

function lyrBuild(lyrVar, lyrName) {
    $('<li>').attr({
        id: lyrVar.liID,
        class: 'layer'
    }).html($('<input>').attr({
        id: lyrVar.cbID,
        type: 'checkbox',
        onClick: "chkBox(" + "'" + lyrVar.liID + "'" + ")",
        checked: 'unchecked',
        name: lyrVar.Name,
        value: lyrVar.val
    })).appendTo('#layersList');
}

function chkBox(lyrId) {
    //switch statement goes here
} 

Answer 1

你没有问题，但我还是给你一个答案;)

“这些函数位于函数内部”，这意味着当您以这种方式调用时，chkBox 不可用。使用.click()，doc here ，或 .on()，或者如果可能的话，将 chkBox 放在函数外部。