jQuery SlideUp sur une ligne avec des colonnes cachées

Question

J'ai une table et quand je supprime une ligne, elle s'anime avec slideUp.

$(id).find("td div").slideUp 

J'ai utilisé cette astuce pour utiliser slideUp sur une ligne: animating-table-rows-with-jquery

Il n'y a pas de problème lorsque toutes les colonnes sont affichées, mais quand je l'ai caché des colonnes, il se contente d'enlever la ligne sans animation. Je suppose que c'est un comportement normal de slideUp, mais y at-il un truc pour le faire fonctionner avec animer? Je pensais tester si le td est caché, ne rien faire, sinon slideUp, mais je ne pense pas que cela fera l'affaire.

Answer 1

La raison est que le rappel donné à slideUp n'est pas appelé après toutes animations sont terminées, mais après chaque animation est terminée. Puisque les div s dans la colonne cachée ne sont pas visibles, l'animation ascendante n'a pas besoin d'être effectuée, c'est-à-dire qu'elle est terminée immédiatement, et ainsi le rappel est appelé immédiatement. Le rappel, cependant, supprime la ligne de la ligne entière.

Il y a plusieurs façons de gérer cela. L'idée que vous avez eu vous-même (ne pas traiter avec div s qui ne sont pas visibles de toute façon) est un moyen qui devrait fonctionner.

Une autre méthode consiste à définir un délai d'attente pour supprimer la ligne au lieu de le faire dans le rappel.

Une troisième voie est de vérifier dans le rappel s'il y a des div s gauche, et seulement supprimer la ligne s'il n'y a pas, à savoir quelque chose comme

$(id).find("td div").slideUp(function() { 
    $(this).remove();      // remove the div itself 
    if ($(id).find("td div").length == 0) // if none are left 
     $(id).remove();     // then remove the row 
});