JQuery reutilizables funciones
-
13-09-2019 - |
Pregunta
Completamente nuevo en JQuery así que estoy aprendiendo todos los días.
Una cosa que he notado es lo fácil que es, sólo se pueden escribir
$('div#test).remove();
Pero estoy buscando un ejemplo de cómo la reutilización de código, por ejemplo.:
function RemoveTableRow(row, id)
{
$(row).remove();
// id should be used for ajax call
}
Y, a continuación, agregue un 'onclick' en mi ancla-tag
onclick="RemoveTableRow('user-row-1', 32);"
Pero de alguna manera no está funcionando, aunque he de añadir que en el documento.listo función.Alguien puede cortar para mí, la mejor práctica manera de hacer esto?
Gracias de antemano.Este foro es un asesino!
Actualización
He actualizado el código de la ayuda que tenemos aquí.Este es mi código actual, y me gustaría saber si es la mejor manera de hacer esto.
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();
});
}
});
}
Solución
es el usuario de la fila 1 el ID de la fila de la tabla?Si sí, que le falta # a en su selector de
function RemoveTableRow(row, id) {
$('#'+row).remove();
// id should be used for ajax call
}
o sin cambio de la función, la llame con el selector de
onclick="RemoveTableRow('#user-row-1', 32);"
Otros consejos
¿Dónde quiere obligar a la onclick a? Suponiendo que sea un elemento DOM con myid ID, entonces esto va a hacer:
("#myid").click(function () {RemoveTableRow('user-row-1', 32);} );