J'utilise le plugin tablesorter qui est génial. J'ai dû cloner l'en-tête d'origine et réinsérer le clone au-dessus d'une zone déroulante.jQuery déclenchement d'un événement de clic semble courir un pas derrière
Pour déclencher le plugin tablesorter sur les anciens éléments d'en-tête cachés de la table je déclenche un clic en utilisant .trigger()
sur la table cachée lorsqu'un utilisateur clique sur la table clonée visible.
Voici le jQuery:
$('.w_price_assess').delegate('#quotations_clone thead th', 'click', function() {
var $cloneTh = $(this);
var $cloneThIndex = $cloneTh.index('#quotations_clone thead th');
$('#quotations thead th:eq(' + $cloneThIndex + ')').trigger('click');
var $classList =$('#quotations thead th:eq(' + $cloneThIndex + ')').attr('class').split(/\s+/);
console.log($classList);
$.each($classList, function(index, item){
if (item==='headerSortDown') {
$('#quotations_clone thead th').removeClass('headerSortUp headerSortDown');
$('#quotations_clone thead th:eq(' + $cloneThIndex + ')').addClass('headerSortDown');
} else if (item==='headerSortUp') {
$('#quotations_clone thead th').removeClass('headerSortUp headerSortDown');
$('#quotations_clone thead th:eq(' + $cloneThIndex + ')').addClass('headerSortUp');
} else {
//$('#quotations_clone thead th').removeClass('headerSortUp headerSortDown');
}
});
});
Le problème qui se produit est que lorsque je clique sur le clonée ième élément, il ne met pas immédiatement en arrière de la classe trieuse de table ajoute au cache e élément.
Je dois m'enregistrer en même temps et je ne sais pas comment procéder?
Fondamentalement, je besoin de mettre à jour les classes sur la table après le clic cloné a déclenché car ils ne sont pas ajoutés que par la suite. – RyanP13