JQuery fonctions réutilisables

Question

complètement nouveau pour JQuery donc j'apprends tous les jours.

Une chose que je remarqué comment il est facile, vous pouvez simplement écrire

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

Mais je suis à la recherche d'un exemple sur la façon de réutiliser un code, par exemple:.

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

Et puis ajoutez un « onclick » sur mon ancre balise

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

Mais il est en quelque sorte ne fonctionne pas, même si je l'ajoute sur la fonction document.ready. Quelqu'un peut-il couper pour moi, la meilleure façon de la pratique pour ce faire?

Merci d'avance. Ce forum est le tueur!

Mise à jour

Je mis à jour le code de l'aide que je suis arrivé ici. Ceci est mon code actuel, et je voudrais savoir si c'est la meilleure façon de le faire.

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

est rangée utilisateur-1 l'ID de la ligne de la table? Si oui, que vous manque dans votre sélecteur #

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

ou sans changer la fonction, appelez avec le sélecteur complet

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

Answer 2

Où voulez-vous pour lier le onclick? Si l'on suppose qu'il est un élément DOM avec id myid, cela fera:

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