[js] problème avec jquery

Marsh Posté le 06-05-2010 à 22:50:32

hello

j'ai un soucis avec JQuery. Je veux parcourir une table ligne par ligne.
Précision : la table est chargée dynamiquement via javascript / jquery et le plugin flexigrid. mais peu importe pour mon problème.

Voici ma table : (dsl pour l'image, mais je n'arrive pas à copier/coller depuis firebug)

Voici le code que j'utilise pour parcourir ma table :

Code :

$('#flex1 tbody tr').each
(
function (i,e)
{
alert(i);
}
);

dans internet explorer, j'ai autant de alert que de lignes dans ma table (soit 10), mais dans d'autres navigateurs (firefox, opera, safari) j'ai 0 ou 1 alert.

Je ne sais pas d'où ca vient...

une idée ?

Merci
:jap:

Reply

Marsh Posté le 06-05-2010 à 22:50:32

Reply

Marsh Posté le 06-05-2010 à 23:15:08

tu selectionnes ton html puis tu fais code source de la selection ca permettra d'avoir du code HTML pour tester. Mais tu lance quand ta fonction JS ?
tu dois forcément te planter quelque part

---------------
Blablaté par Harko

Reply

Marsh Posté le 07-05-2010 à 22:13:27

Salut,

as tu bien déclenché ta fonction sur un Document ready?

Si tu utilise jQuery, voilà une petite page toute bête qui fonctionne comme tu le souhaites.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('table tr').each (
function (i,e){
alert(i);
}
);
});
</script>
</head>

<body>

<table>
<tr>
<td>value</td>
</tr>
<tr>
<td>value</td>
</tr>
<tr>
<td>value</td>
</tr>
<tr>
<td>value</td>
</tr>
<tr>
<td>value</td>
</tr>
<tr>
<td>value</td>
</tr>
<tr>
<td>value</td>
</tr>
</table>

</body>
</html>

Reply

Marsh Posté le 08-05-2010 à 00:01:14

hello

merci pour la réponse

effectivement, ton code fonctionne. mais mon exemple est plus compliqué, et je n'arrive pas à isoler l'erreur, sinon autour de JQuery et sa fonction each.

J'ai repris le code depuis le début et extrait la portion de code que j'ai traité.
Si quelqu'un peut regarder le code ci-dessous :
(voir la page sample1.html, ligne ~82)

http://nabbo.free.fr/flexigrid/sample1.html
Fonctionne sous IE8, mais pas sous firefox/opera/safari

si quelqu'un a du temps pour regarder...

PS : l'idée est de rajouter un subgrid en dessous de chaque ligne du tableau, qu'on pourra "déplier" en cliquant sur une cellule de la première colonne (avec "+" ).
je verrai plus tard pour remplir le subgrid...

Merci

Reply

Marsh Posté le 11-05-2010 à 09:32:47

up !

personne ?

Reply

[js] problème avec jquery

Sujets relatifs:

Leave a Replay