JQuery ne fonctionne pas dans une div chargée par AJAX

Fermé

JHDesigne Messages postés 2 Date d'inscription samedi 20 octobre 2012 Statut Membre Dernière intervention 20 octobre 2012 - 20 oct. 2012 à 01:19
bo6reda - 16 juil. 2013 à 14:11

Bonsoir,

J'ai une page HTML5, qui contient des div dont le contenu est chargé via AJAX au chargement de la page. Dans cette div, j'ai deux slider en page d'accueil.
Les slider fonctionne lorsque le contenu de la page est chargé directement, mais lorsque je charge la page d'accueil depuis une autre page chargé par AJAX, jquery ne fonctionne plus sur cette div, alors que les scripts jquery sont bien deja en mémoire dans le "head".
Le problème est que je ne sais pas pourquoi ça ne marche pas?
je vous donne mon code :
appel ajax

$(document).ready(function(){

	$(".meny a").click(function(){
		page=$(this).attr("href");
		$.ajax({
			url: "includes/"+page,
			cache:false,
			success:function(html){
				afficher(html);
			},
			error:function(XMLHttpRequest,textStatus,errorThrown){
				alert(testStatus);
			}
		})

		return false;
	});
});

function afficher(data){
	$("#main").fadeOut(500,function(){
	$("#main").empty(); 
	$("#main").append(data);
	$("#main").fadeIn(1000);
	})
	}

navigation menu :

<div class="meny">
    <ul>
        <li><a class="rotated_link" href="index.html">Accueil</a></li>
        <li><a class="rotated_link" href="profile.html">profil</a></li>
        <li><a class="rotated_link" href="">blog</a></li>
        <li><a class="rotated_link" href="">portfolio</a></li>
        <li><a class="rotated_link" href="">services et procédure</a></li>
        <li><a class="rotated_link" href="">contact </a></li>
    </ul>
    <span class="logo3" style="margin-top:400px;"><img src="img/LOGO2.png" /></span>
</div>

la div ou le chargemen ajax effectué

<div id="main" class="wrapper clearfix">
        <?php
		$_GET['p']="index";
 	if(isset($_GET['p']) && preg_match("/^[a-z0-9]+$/i",$_GET['p'])){
        $p=strtolower($_GET['p']);
		if(file_exists("includes/$p.html")){
			include "includes/$p.html";
		}
		else{
			include "includes/404.html";
		}
	}
	else{
		include "includes/404.html";
	}
?>
				
        </div>

je suis vraiment très confus parce que j'ai essayé pendant quatre jours pour résoudre ce bug le plus terrible que j'ai vu !!

Merci d'avance pour votre aide ^^

A voir également:

JQuery ne fonctionne pas dans une div chargée par AJAX
Div c++ - Télécharger - Langages
Remplacer #div/0 par vide - Forum Bureautique
Comment savoir si mon enceinte jbl est chargée ✓ - Forum Enceintes / HiFi
Moyenne.si.ens #div/0 ✓ - Forum Excel
Refresh DIV ajax, Jquery avec Requete MySQL - Forum Javascript

3 réponses

Réponse 1 / 3

Dj Nam Messages postés 327 Date d'inscription mardi 9 octobre 2007 Statut Membre Dernière intervention 31 janvier 2014 41
20 oct. 2012 à 08:06

Bonjour,

Si tu utilise en jQuery $('.meny a').click(); les actions à effectuer lors du clic seront appliquées pour les liens déjà présents sur la page, mais là, comme tu charge le contenu en ajax, les liens ne sont pas encore présent.

Pour résoudre le problème, il faut remplacer le début de la fonction en utilisant .live, comme ceci :

$('.meny a').live('click', function() {

et le reste ne change pas.
Pour plus d'informations je te conseil de jeter un oeil à la documentation de jQuery sur la fonction .live()

bo6reda
16 juil. 2013 à 14:11

merci j'ai la meme probleme et .live () a fonctionné merci meerci bc :D

Réponse 2 / 3

JHDesigne Messages postés 2 Date d'inscription samedi 20 octobre 2012 Statut Membre Dernière intervention 20 octobre 2012 1
20 oct. 2012 à 12:46

bonjour ^^
merci Dj Nam mais j'ai déja essayé .live() + .on() et j'ai essayé aussi une truc de meme genre et je rajoute dans les liens un callback :
onclick="loadScript('js/script.js',SuccessCallback)"

j'ais fais regardé beaucoup de forum et je ne trouve pas de solution meme que j'essayer d'évaluer mon code JS avec eval() ne change rien !

Réponse 3 / 3

A.Nonymous
21 oct. 2012 à 16:33

A quoi ressemble le contenu chargé par Ajax ? Contient-il des "<script />" ?

Discussions similaires

comment remplacer un #div/0! par une cellule vide

Bonjour,

Je réalise un tableau dans lequel certaine cellule comporte des #div/0! Par une cellule vide.

Y a t il une possibilité ?

Merci à vous

Configuration: iPad / Safari 7.0

probléme avec ajax svp

Bonjour,

Configuration: Windows XP / Safari 533.4

J'ai créé un script de chat avec ajax et php(sans base de donnée , les messages sont stocké dans un fichier text avec php puis affiché)...
bref : mon script est la

*mettre votre message puis en clique sur change content "pas entré du clavier ca marche pas"

http://marwen.lockernerd.co.uk/

et le code :

index.html //////////////////////////////////////////// .button{background-color:black;border:2px orange;color:orange;height:25px;} .input{border:1px black solid;height:25px;} ...

Afficher une case vide au lieu de #DIV/0!

Bonjour,

Je travail sur un tableau et je voudrais afficher des cases vides avec des formules pré-enregistré afin que lorsque on entre une valeur cette dernière soit calculée automatiquement.

Mais actuellement si je n'entre aucune valeur j'obtiens #DIV/0!

Comment faire pour que cela ne s'affiche pas ?

----------------------------

EDIT : j'ai finalement réussi a régler mon soucis avec la formule =SIERREUR((D4/C4)/C4;0)

Cependant j'ai énormément de chiffre apres la virgule.

Par exemple si D4 = 11,50; et C4 = 100

je souhaiterais obtenir 0,115 alors que la j'obtien...

enlever les #DIV/0! dans une colonne calcul d'un tableau croisé

Bonjour,
peux-t-on remplacer les cellules calculées d'un tableau croisé dynamique qui affichent #DIV/0! par un vide
merci

Configuration: Windows 7 / Internet Explorer 8.0

Remplacer #div0 par le chiffre 0

Bonjour,

Je cherche à remplacer #div0 qui est la résultat d'un calcul ou les zones sont vides par le chiffre 0
Merci