Bonsoir,

J'ai un problème, lorsque je clique sur des balises <li> je dois cliquer 2x pour que la liste que je crée manuellement s'affiche, mais je ne comprends pas pourquoi.

voici le code qui me permet de créer: 

$(document).ready(function(){

	/* Légumes, Fruits ou Autres? */
	$("li").click(function(){

		var id_liste = $(this).attr("id");
		var input_id_liste = document.getElementById(id_liste);

		input_id_liste.addEventListener("click", function(){

			$.ajax({
				url: "Serveur.php",
				type: "POST",
				data: { li : id_liste},
				datatype: "JSON",
				success: function(retval){
					retval = JSON.parse(retval);

					var i = 0;

					if(!document.getElementById("SousList"))
					{
						PutUl(id_liste, "SousList","SousListeClass");

					
						while(i < retval.length)
						{
							console.log("retval: " + retval[i].Type);
							if(!document.getElementById(retval[0].Type))
								PutList("SousList", retval[i].Type, retval[i].Type, "articles");
							else
								PutList(retval[i-1].Type, retval[i].Type, retval[i].Type, "articles");

							i++;
						}
					}
					else
					{
						$(".articles").remove();
						$(".SousListeClass").remove();
					}
				}
			})
		})
	})

})

Si il vous faut d'autre bout de code n'hésitez pas.

D'avance merci

Bonjour,

Si je ne me trompe pas, la première fois, le traitement est en train de se faire et il faut cliquer une deuxième fois pour que l'affichage soit pris en compte par le navigateur.

J'avais eu le même problème quand j'avais fait une connexion utilisateur en ajax, la connexion se faisait bien mais il fallait réactualiser la page pour que tout soit pris en compte.

Salut,

Je connais pas du tout Jquery et c'est peut être naïf mais... lors d'un 1er clic sur un élément "li" y'a juste la déclaration de la variable "id_liste" puis la déclaration de "input_id_liste" qui se fait et puis... plus rien, en tout cas jusqu’à ce que tu re-clic dessus ("input_id_liste.addEventListener("click", function()...") et là le reste s’exécute (affichage etc), d'où le deuxième clic...Non ?

-
Edité par Hyp32 22 juillet 2017 à 1:42:29

Bonjour,

Comme le dit Hyperdestru, tu ajoutes un deuxième listener quand l'utilisateur clique une première fois sur le li?

 Il faudrait faire plus simple:

$(document).ready(function(){
 
    /* Légumes, Fruits ou Autres? */
    $("li").click(function(){
 
        var id_liste = $(this).attr("id");
        var input_id_liste = document.getElementById(id_liste);
        $.ajax({
            url: "Serveur.php",
            type: "POST",
            data: { li : id_liste},
            datatype: "JSON",
            success: function(retval){
                retval = JSON.parse(retval);
                var i = 0;
 
                if(!document.getElementById("SousList"))
                {
                    PutUl(id_liste, "SousList","SousListeClass");
 
                    while(i < retval.length)
                    {
                        console.log("retval: " + retval[i].Type);
                        if(!document.getElementById(retval[0].Type))
                            PutList("SousList", retval[i].Type, retval[i].Type, "articles");
                        else
                            PutList(retval[i-1].Type, retval[i].Type, retval[i].Type, "articles");
 
                        i++;
                    }
                }
                else
                {
                    $(".articles").remove();
                    $(".SousListeClass").remove();
                }
             }
        })
    })
 
})

Bonjour à tous, 

Oui je n'avais pas fait attention au 2e événements que je mettais après la déclarations des variables

Un tout grand merci à vous ! 

Sujet résolu.