无法在单击按钮上调用Jquery函数
无法在单击按钮上调用Jquery函数
提问于 2015-08-17 06:18:50
我是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方法中。
但是函数调用不起作用。
回答 5
Stack Overflow用户
回答已采纳
发布于 2015-08-17 06:24:52
将详细信息函数放置在文档之外。
function Details(k) {
alert("Failed! Please try again.");
}如果要使用客户端方法进行验证，请使用此方法。从方法中返回true/false。
trow.append('<td><input type="button" value="Edit" onclick="return Details(' + val.empID + ');"Stack Overflow用户
发布于 2015-08-17 06:24:05
你有额外的报价：
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>')Stack Overflow用户
发布于 2015-08-17 06:21:02
将函数放在文档外部准备好。否则，它将无法从外部文档就绪访问。(您的输入将呈现在dom就绪函数之外)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32043876
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号