Многоразовые функции JQuery
-
13-09-2019 - |
Вопрос
Совершенно новичок в 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();
});
}
});
}
Решение
является ли user-row-1 идентификатором строки таблицы?Если да, то вам не хватает # в вашем селекторе
function RemoveTableRow(row, id) {
$('#'+row).remove();
// id should be used for ajax call
}
или не меняя функцию, вызвать ее полным селектором
onclick="RemoveTableRow('#user-row-1', 32);"
Другие советы
Куда вы хотите привязать onclick?Если предположить, что это элемент DOM с идентификатором myid, то подойдет следующее:
("#myid").click(function () {RemoveTableRow('user-row-1', 32);} );