JQuery dans page de base et dans requetes AJAX

Par Spitfire 95, il y a 14 ans


Bonjour,
Mes pages sont composées d'une base faisant appel à JQuery. Le contenu est ensuite appelé en AJAX.
Mes pages utilisant AJAX ne fonctionnent pas si je n'appelle pas JQuery : je dois appeler JQuery pour la page de base, et le ré-appeler pour le contenu. Résultat, les pages utilisant JQuery se chargent un peu plus lentement.
Ensuite, quand une page utilisant JQuery est chargée, leJQuery fonctionne mal dans la page principale : FadeIn se termine par visibility : 0. Pourtant, quand la page appelée n'a pas JQuery, FadeIn fonctionne bien.

$(function(){
    $('.ajaxLink').click(function(){
        $.ajax({
            url:$(this).attr('href'),
            cache:true,
            success:function(html){
                $('#content').fadeOut(500,function(){
                    $('#content').empty();
                    $('#content').append(html);
                    $('#content').fadeIn(220);
                });
            }
        });
        return false;
    });
});

Donc mes questions sont :

Merci pour votre aide.

1 réponse

Spitfire 95, il y a 14 ans

En mettant ceci, le problème est résolu :

$('#content').css('opacity', 1);
$('#content').stop().fadeOut(500,function(){
   $('#content').empty();
   $('#content').append(html);
   $('#content').fadeIn(220);
});

Je comprend pas pourquoi ça eu marché et maintenant il faut ajouter ça, mais bon...
Si quelqu'un a une solution pour ne pas importer deux fois jquery ou ne pas avoir de querystring, je suis toujours preneur.
Merci.