[jQuery] Code non exécuté

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [jQuery] Code non exécuté

Profil supprimé

Bonjour à tous,

J'aurais besoin d'un peu d'aide pour comprendre pourquoi une partie de mon code n'est pas exécuté avec jQuery. Je débute encore avec l'utilisation de la lib donc je suis preneur pour tous vos conseils.

Ajax.js

Code :

$(document).ready(function(){
// On affiche la liste des taches
$.post("ajax/traitement.php",{action:"lister"},function(tab){
for(var i = 0, lg = tab.length; i < lg; i++){
switch(tab[i].priorite){
case "1":
var prio = "info";
break;
case "2":
var prio = "warning";
break;
case "3":
var prio = "error";
break;
}
var div = '<div class="alert-message block-message '+prio+'"><b>'+tab[i].nom+'</b><ul class="pb"><li><b>Date début</b> - '+tab[i].date_debut+'</li><li><b>Problème</b> - '+tab[i].probleme+'</li></div>';
$(".taches" ).append(div);
}
},"json" );
// Envoie du formulaire
$("#form" ).submit(function(){
var isOk = true;
var titre = $("#titre" ).val();
var prio = $("#prio" ).val();
var desc = $("#desc" ).val();
if(titre == "" ){
$("#titre" ).addClass("alert" );
isOk = false;
}
if(desc == "" ){
$("#desc" ).addClass("alert" );
isOk = false;
}
if(isOk){
$.post("ajax/traitement.php",{action:"add",nom:titre,priorite:prio,description:desc},function(data){
if(data == "ok" ){
$(".displayMsg" ).html("<div class=\"alert-message block-message success\"><b>Nouvelle tâche ajoutée.</b><div>" );
$.post("ajax/traitement.php",{action:"refresh"},function(tab){
if(tab.err == "ok" ){
switch(tab.data.priorite){
case "1":
var prio = "info";
break;
case "2":
var prio = "warning";
break;
case "3":
var prio = "error";
break;
}
var div = '<div class="alert-message block-message '+prio+'"><b>'+tab.data.nom+'</b><ul class="pb"><li><b>Date début</b> - '+tab.data.date_debut+'</li><li><b>Problème</b> - '+tab.data.probleme+'</li></div>';
$(".taches:first" ).before(div);
}
},"json" );
}
},"json" );
$("#form" ).reset();
}
return false;
});
// On cache le commentaire du problème
$(".pb" ).hide();
// Hover sur les taches
$(".alert-message" ).hover(function(){
$(this).append($("<span id=\"finir\"><b>x</a></b></span>" ));
},function(){
$(this).find("span:last" ).remove();
});
// Affiche de la description
$(".alert-message" ).click(function(){
$(this).find(".pb" ).toggle(300);
});
});

Mon problème vient du fait que le code suivant n'es pas exécuté. <code type="javascript">

Code :

$(".pb" ).hide();

Pourtant que je lance cette fonction dans la console de chrome elle fonctionne.

J'ai aussi remarqué que lorsque je rafraîchis la page avec l'inspecteur ouvert j'ai une exception qui est levée à ce niveau là:

Code :

matches.call( document.documentElement, "[test!='']:sizzle" );

Si vous avez des pistes, je suis preneur.

Merci

Message édité par Profil supprimé le 21-10-2011 à 20:06:56

Publicité

gatsu35

Blablaté par Harko

tu caches pb en dehors de la methode de callback, car c'est dans la callback que tu le créés.
Je te rappelle que l'ajax se fait en asynchrone en général (sauf si comme un gros porc tu décides de le faire en synchrone, mais tu bloques le navigateur dans ce cas là

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

Profil supprimé

Euh, j'ai vraiment du mal à comprendre là, tu pourrais être un peu plus précis s'il te plait ? [:cupra]

Pour moi (enfin de ce que je pige), c'est qu'avec ma première fonction j'affiche mes taches avec leur description dans une div.pb. Donc une fois que c'est affiché, je vois pas pourquoi mon $(".pb" ).hide() ne pourrais pas les cacher.

gatsu35

Blablaté par Harko

ton .pb existe QUAND ?
Est-ce qu'il existe avant que le javascript se lance ?

Regarde bien comment se produit ton code, je te rappelle que l'ajax est asynchrone et donc ne se déroule pas dans le même ordre que le javascript.

Code :

$(document).ready(function() {
//premier post ajax
$.post("ajax/traitement.php",{action:"lister"},function(tab){
//fonction de callback, tu ne sais pas quand cette fonction sera exécutée.
});
//deuxieme post ajax
$("#form" ).submit(function(){
//fonction de callback, tu ne sais pas si la premiere est finie d'executée ou pas, et cette fonction elle pourrait aussi bien s'exécuter avant ou apres la premiere fonction de callback
});
//code javascript qui suit l'ordre des choses
$(".pb" ).hide(); //tu essaye de cacher un élément qui n'existe pas encore, car cette ligne de code s'éxécute AVANT les deux première fonctions de retour ajax (callback)
//idem pour le reste du code

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

Profil supprimé

Ahh ok je viens de comprendre.

Pour te répondre mon .pb n'existe que lorsque la fonction callback de la première requête ajax vient de se terminer.

gatsu35

Blablaté par Harko

maintenant tu sais ce qu'il te reste à faire
La premiere fonction doit s'executer, dans la callback tu fais l'appel ajax, et dans la callback de l'appel ajax, tu fait le reste de ton code. voila

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

Profil supprimé

Ouep j'ai pu corriger tout ça, merci bien :jap:

FORUM HardWare.fr

Programmation

HTML/CSS

[jQuery] Code non exécuté

Sujets relatifs
code htlm	menu javascript + slider jquery avec IE7
Executer le code d'un bouton Access sous Excel	Besoin d'aide dans mon code
rollover sur toute une ligne et toute une colonne avec jquery	Besoin d'aide sur code
convertir code php en application (portable)	[RESOLU:CONTOURNE] [jQuery] each imbriqué
j'essaie de modifier une div avec jquery et la methode animate	faire un programme qui s'execute cotée serveur
Plus de sujets relatifs à : [jQuery] Code non exécuté

Page générée en 0.059 secondes