Ajax fonctionne une fois sur deux

**guillaume40** · 01/07/2010, 13h37

Bonjour,
Alors je souhaite utiliser la fonction ajax de jQuery pour faire une navigation sans recharger les pages.
Cependant je le fait de façon à ce que même JavaScript désactivé çà fonctionne.

Donc quand j'arrive sur ma page je clique sur un lien de la pagination, là c'est OK sa rafraichit que les éléments voulus .

Mais après si je clique à nouveau sur un lien de la pagination la navigation Ajax ne marche pas et sa va à l'URL en rechargeant la page.

J'ai donc comparé les deux pages : la page quand çà marche et la page quand çà marche pas.

Mais la seule différence que je vois c'est :
<div style="display: block;" id="produits"> ( dans la page chargé via Ajax)
et
<div id="produits"> ( dans la page en accés direct, et c'est cette ligne dans mon fichier php)

D'où çà peut venir ?

Merci d'avance

**danielhagnoul** · 01/07/2010, 23h39

Bonsoir.

Il manque un return false pour éviter le traitement par défaut et la propagation de l'événement dans le DOM :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$("monID").click(function(){
   ---
   return false;
});

**guillaume40** · 02/07/2010, 08h26

Bonjour,
Le problème ne vient pas de là : le "return false;" y est.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(document).ready(function(){
	$(".paginate").click(function() {
		var page = $(this).attr("href");
		page = page.replace("index.php","produits.php");
		$.ajax({
			url: page,
			cache: false,
			success: function(html){
				$("#produits").fadeOut(300, function(){
					$("#produits").empty().append(html).fadeIn(500);
				});
			},
			error: function(XMLHttpRequest, textStatus, errorThrown){
				alert(textStatus);
			}
		});
		return false;
	});
});