JQuery的可重复使用的功能
-
13-09-2019 - |
题
完全新的JQuery的,所以我每天学习
有一两件事我注意到的是它是多么容易,你可以只写
$('div#test).remove();
但我在寻找如何重用一些代码,例如一个例子:
function RemoveTableRow(row, id)
{
$(row).remove();
// id should be used for ajax call
}
和再加入的“onClick”我的锚标签
onclick="RemoveTableRow('user-row-1', 32);"
但不知何故,它无法正常工作,即使我添加它的document.ready功能。有人可以剪下来对我来说,最好的做法的方式这样做?
预先感谢。本次论坛是杀手!
<强>更新强>
我更新从我来到这里帮助的代码。这是我当前的代码,我想知道,如果它这样做的最佳方式。
function RemoveTableRow(row, id) {
$.ajax({
type: "POST",
url: "Default.aspx/DeleteEmployee",
data: "{'ID':'" + id + "'}",
beforeSend: function() {
$("#" + row).animate({'backgroundColor':'#fb6c6c'},300);
},
success: function() {
$("#" + row).slideUp(300,function() {
$("#" + row).remove();
});
}
});
}
解决方案
是用户行1中的表格行的ID?如果是的话,比你缺少#在你的选择
function RemoveTableRow(row, id) {
$('#'+row).remove();
// id should be used for ajax call
}
或不改变功能,具有完整的选择调用它
onclick="RemoveTableRow('#user-row-1', 32);"
其他提示
如果你想的onclick绑定?假设它与ID本身份识别码DOM元素,那么这将做:
("#myid").click(function () {RemoveTableRow('user-row-1', 32);} );
不隶属于 StackOverflow