javascript - 调用 javascript 函数时如何将 javascript touch spin 添加到 html

Question

我有按钮可以将新行添加到表中。 在表格行中有一个带有触摸旋转的列。 我想循环遍历数组(项目)。排成一排。但下面的代码会产生错误 Uncaught TypeError: undefined is not a function at function tp0

function showtable() {

    $('#showtable').html("");

    for(var i in Items) {

        var no = parseInt($('#tb tr').length) - 1;

        var data = "<tr role='row' class='filter' >"
         + "<td>" + no
         + "</td>"
         + "<td>"
         + "<div class='form-group'>"
         + "<input id='touch" + i + "' type='text' value='1' name='touch" + i + "' /> "
         + "<script>"
         + "function tp" + i + " () {$(\"input[name=\'touch" + i + "\']\").TouchSpin(); alert('ttt');}"
         + "</scr" + "ipt>"
         + "</div>"
         + "</td>"
         + "</tr>";

        $('#showtable').append(data);

        var method_name = "tp";
        window[method_name + i]();
    }
}

有什么想法谢谢

Answer 1

您应该将行号作为变量传递给预定义的函数，而不是在每一行中添加类似的函数:

function tp(index) {
    $("input[name='touch" + index + "']").TouchSpin();
    alert('ttt');
}

function showtable() {
    $('#showtable').html("");
    for (var i in Items) {
        var no = parseInt($('#tb tr').length) - 1;

        var data = "<tr role='row' class='filter' >"
            + "<td>" + no
            + "</td>"
            + "<td>"
            + "<div class='form-group'>"
            + "<input id='touch"+i+"' type='text' value='1' name='touch"+i+"' /> "
            + "</div>"
            + "</td>"
            + "</tr>";

        $('#showtable').append(data);

        tp(i);
    }
}