2010-10-07 24 views
3

J'ai un problème et j'espère vraiment que vous pouvez aider.jquery lavalamp et autoscroll problème d'assouplissement (conflit)

Ici vous pouvez trouver un site que je suis en train de créer.

Comme vous pouvez le voir, l'autoscroll fonctionne (appelé het laatste aanbod). Ceci utilise le plugin easing.min.js. Lors de la navigation, j'utilise lavalamp, mais cela ne fonctionne pas pour le moment.

Le problème réside dans le plugin d'accélération. Si j'utilise une ancienne version de ce plugin, lavalamp fonctionne. Bien que vous pensiez, mais le script autoscroll ne fonctionne pas. Comment puis-je faire en sorte que les deux vont travailler ?!

Je suis sérieusement bloqué sur celui-ci, et j'espère que vous pourrez m'aider.

thnx à l'avance

+0

vraiment personne qui sait? – Luuk

Répondre

1

J'ai eu le même problème avec deux bibliothèques jquery contradictoires et a trouvé ce http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Cette méthode a fonctionné pour moi - l'ordre des scripts est important:

 <script src="secondary-jquery-script.js"></script> 
    <script src="jquery-original-script.js"></script> 
    <script> 
    var $j = jQuery.noConflict(); 

    // Here comes the part that needs jquery-Original-script.js - jQuery via $j(...) 
    $j(document).ready(function(){ 
     $j("div").hide(); 
    }); 

    // and here comes the part that needs the secondary script 
    $('someid').hide(); 
    </script> 
4

J'ai eu le même problème et je viens de trouver un moyen de le faire fonctionner, ajouter les lignes suivantes par-dessus tout dans lavalamp.js

jQuery.extend(jQuery.easing, 
{ 
    bouncein: function(x, t, b, c, d) { 
     return c - jQuery.easing["bounceout"](x, d - t, 0, c, d) + b; 
    },  
    backout: function(x, t, b, c, d) { 
     var s = 1.70158; 
     return c * ((t = t/d - 1) * t * ((s + 1) * t + s) + 1) + b; 
    } 

}); 

Et supprimez le module d'extension. Cela a fonctionné pour moi.

+1

Très bonne réponse, ça résout le problème. –