Ajax et done

Version imprimable

Ajax et done

Bonjour,
voila j'ai une requête ajax en symfony2 qui permet d'aller chercher des articles en cliquant sur leur vignette et de les loder dans un cadre détaillé:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $(document).ready( function () { $('.zoom-img').click(function(){ var id = $(this).siblings('.id').val(); $.ajax({ type: 'GET', url: '{{ path("ma_route") }}', data: {id: id}, error: function(jqXHR, textStatus, errorThrown) { alert('Erreur requête'); }, success: function(data, textStatus, jqXHR){ $('#details-item').html(data); } }).done(function() { // $('html,body').animate({scrollTop: $("#anchor").offset().top}, 'slow'); alert('test'); }); return false; }); });
La requête fonctionne bien, l'article se charge, sauf le callback .done que j'essaye d'utiliser pour mon scroll. Même le message alert de test ne donne rien.
Quelqu'un aurait-il une petite idée du pourquoi que c'est pas comme y faut?
merci d'avance pour vos réponses :)

Ca fonctionne si je met .animate après l'appel ajax comme ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
$('.zoom-img').click(function(){
           var id = $(this).siblings('.id').val();
	   $.ajax({
	       type: 'GET',
		url: '{{ path("ma_route") }}',
		data: {
			id: id
		},
	      error: function(jqXHR, textStatus, errorThrown) {
			alert('Erreur requête');	
		},
	     success: function(data, textStatus, jqXHR){
	         $('#details-item').html(data);
	    }
	   });
           var offset = $('#anchor').offset().top;
           $('html, body').animate({scrollTop: offset}, 'slow'); 
	       return false;
           });

Mais par contre cela ne fonctionne qu'une seule fois, un click sur un autre lien $('.zoom-img') ne fonctionne plus, ni l'appel Ajax ni rien.

Bonjour,

tu as essayé en utilisant complete ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$.ajax({...
	error: function(jqXHR, textStatus, errorThrown) {
		alert('Erreur requête');	
	},
	success: function(data, textStatus, jqXHR){
		$('#details-item').html(data);
	},
	complete function(jqXHR, textStatus){
		// $('html,body').animate({scrollTop: $("#anchor").offset().top}, 'slow');
		    alert('test');
	}
});