JQuery funzioni riutilizzabili

Question

Completamente nuovo a jQuery così sto imparando ogni giorno.

Una cosa che ho notato è quanto sia facile, si può semplicemente scrivere

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

Ma io sto cercando un esempio su come riutilizzare codice, ad esempio:.

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

E poi aggiungere un 'onclick' sulla mia ancora-tag

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

Ma in qualche modo non funziona, anche se lo aggiungo sulla funzione document.ready. Qualcuno può tagliare fuori per me, il modo migliore pratica per fare questo?

Grazie in anticipo. Questo forum è assassino!

Aggiorna

Ho aggiornato il codice l'aiuto che ho ottenuto qui. Questo è il mio codice corrente, e vorrei sapere se è il miglior modo di fare questo.

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

è user-row-1 l'ID della riga della tabella? Se sì, di quanto vi manca nella vostra # selettore

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

o senza cambiare la funzione, chiamata con selettore completo

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

Answer 2

Dove si desidera associare l'onclick a? Supponendo che è un elemento DOM con id myid, allora questo farà:

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