Discussion :

[swingstar]

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 :

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
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

[swingstar]

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

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
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.

[devyan]

Bonjour,

tu as essayé en utilisant complete ?

Code :

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

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');
	}
});