1

对 JQuery 完全陌生,所以我每天都在学习。

我注意到的一件事是它是多么容易,你可以写

$('div#test).remove();

但我正在寻找有关如何重用某些代码的示例,例如:

function RemoveTableRow(row, id) 
{
   $(row).remove();
   // id should be used for ajax call
}

然后在我的锚标签上添加一个“点击”

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();
              });
             }
        });
    }
4

2 回答 2

1

user-row-1 是表行的 ID 吗?如果是,那么您在选择器中缺少 #

function RemoveTableRow(row, id) {
   $('#'+row).remove();
   // id should be used for ajax call
}

或者不改变函数,用完整的选择器调用它

onclick="RemoveTableRow('#user-row-1', 32);"
于 2009-04-22T06:54:28.800 回答
0

您要将onclick绑定到哪里?假设它是一个带有 id myid 的 DOM 元素,那么这将是:

("#myid").click(function () {RemoveTableRow('user-row-1', 32);} );
于 2009-04-22T06:56:55.207 回答