Hover inopérant sur tbody tr
Bonsoir,
Après avoir retourné mon code dans tous les sens je me tourne vers vous.
Ce code ne lève aucune erreur mais ne remplit pas son office : surligner les tr d'un tableau html au passage du pointeur.
Le tableau HTML est chargé en Ajax.
Quand je fais une alerte sur $('#'+ tab + ' tbody').html() je ramène bien tous les tr avec les td.
J'ai le même soucis sous ie8 ou firefox, donc le navigateur n'est pas en cause.
Quand je fais
Code:
$('#'+ tab + 'tr').hover...(
là ça surligne le tr du thead.
Je ne m'explique pas pourquoi ce code ne surligne pas les tr du tbody.
Code:
1 2 3 4 5 6 7 8 9
|
$('#'+ tab + ' tbody tr').hover(
function(){
$(this).addClass('dessus');
},
function(){
$(this).removeClass('dessus');
}
); |
Le tableau est chargé dans cette div :
Code:
1 2
|
<div id="conteneurTab"></div> |
Le tableau HTML se trouve dans un script PHP :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
|
$t = '<table id="tableau" name="tableau" border="0">';
$t .= '<thead>';
$t .= '<tr>';
$t .= '<th>Date</th>';
$t .= '<th>N° dépo.</th>';
$t .= '<th>Nom</th>';
$t .= '<th>Raison sociale</th>';
$t .= '<th>Nb. colis</th>';
$t .= '<th>N° commande</th>';
$t .= '<th>Référence article</th>';
$t .= '</tr>';
$t .= '</thead>';
$t .= '<tbody>';
while($row = mysql_fetch_array($reqTab)) {
$t .= '<tr>';
$t .= '<td class="date">'.$row['date_livraison'].'</td>';
$t .= '<td class="depo">'.$row['dea_code'].'</td>';
$t .= '<td class="nom">'.$row['dea_nom'].'</td>';
$t .= '<td class="rais">'.$row['raison_social'].'</td>';
$t .= '<td class="nbCol">'.$row['nb_colis'].'</td>';
$t .= '<td class="num_commande">'.$row['num_commande'].'</td>';
$t .= '<td class="refArt">'.$row['reference_article'].'</td>';
$t .= '</tr>';
}
$t .= '</tbody>';
$t .= '</table>'; |