JQuery wiederverwendbare Funktionen

Question

Völlig neu zu JQuery so jeden Tag lerne ich.

Eine Sache habe ich bemerkt, wie einfach es ist, können Sie einfach schreiben

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

Aber ich bin für ein Beispiel dafür, wie einige Code wiederverwendet werden, zum Beispiel:.

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

Und dann fügen Sie einen 'Onclick' auf meinem Anker-Tag

onclick="RemoveTableRow('user-row-1', 32);"

Aber irgendwie ist es nicht funktioniert, auch wenn ich es auf document.ready Funktion hinzuzufügen. Kann jemand es für mich ausgeschnitten, um die beste Praxis Art und Weise, dies zu tun?

Vielen Dank im Voraus. Dieses Forum ist Killer!

Aktualisieren

ich den Code aus der Hilfe aktualisiere ich hier. Dies ist mein aktueller Code, und ich würde gerne wissen, ob es der beste Weg, dies zu tun.

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

Answer 1

benutzer Reihe-1 die ID der Tabellenzeile? Wenn ja, als Sie # in Ihren Wählern fehlen

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

oder ohne die Funktion zu ändern, rufen Sie es mit dem kompletten Selektor

onclick="RemoveTableRow('#user-row-1', 32);"

Answer 2

Wo wollen Sie das Onclick binden möchten? Unter der Annahme, es ist ein DOM-Element mit id myid, dann wird dies tun:

("#myid").click(function () {RemoveTableRow('user-row-1', 32);} );