Многоразовые функции JQuery

Question

Совершенно новичок в 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();
              });
             }
        });
    }

Answer 1

является ли user-row-1 идентификатором строки таблицы?Если да, то вам не хватает # в вашем селекторе

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

или не меняя функцию, вызвать ее полным селектором

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

Answer 2

Куда вы хотите привязать onclick?Если предположить, что это элемент DOM с идентификатором myid, то подойдет следующее:

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