javascript - 单击按钮时无法调用 Jquery 函数

Question

我是 mvc 和 jquery 的新手，

我用 jquery 创建了一个表，并在每一行添加一个按钮。我需要在带有参数的按钮单击上调用一个函数。

我的代码如下

function loadData(data) {

            var tab = $('<table class="myTable"></table>');
            var thead = $('<thead></thead>');
            thead.append('<th>Id</th><th></th>');
            thead.append('<th>Username</th>');

            tab.append(thead);
            $.each(data, function (i, val) {

                var trow = $('<tr></tr>');
                trow.append('<td>' + val.empID + '</td>');
                trow.append('<td>' +"" + '</td>');
                trow.append('<td>' + val.empName + '</td>');

 trow.append('<td><input type="button" value="Edit" onclick="Details(" ' + val.empID + ');" /></td>');


                tab.append(trow);
            });
            $("tr:odd", tab).css('background-color', '#C4C4C4');
            $("#AllEmployees").html(tab);

        };

我的功能是:

        function Details(k) {

            alert("Failed! Please try again.");

        };

这两个函数都位于 document.ready 方法内。

但是函数调用不起作用。

Answer 1

您有额外的报价:

trow.append('<td><input type="button" value="Edit" onclick="Details(" ' + val.empID + ');" /></td>');
                                                                    ^

如果您的值 val.empID 是数字，请尝试此操作:

trow.append('<td><input type="button" value="Edit" onclick="Details(' + val.empID + ');" /></td>')

如果是字符串，则使用 \ 转义单引号:

trow.append('<td><input type="button" value="Edit" onclick="Details(\'' + val.empID + '\');" /></td>')