2010-09-28 7 views
1

Vérifiez le lien suivant dans Chrome: http://www.bavarianblue.com/parts-list/?tags=strutsScrollTo (jquery) ne semble pas fonctionner en FF?

Le site est totalement piraté dans IE - besoin de réparer un tas de CSS.

J'utilise le suivant Javascript pour effectuer l'animation (utilise jquery.scrollTo-1.4.2-min.js);

jQuery(document).ready(function($) { //required for $ to work in Wordpress 
    var moo = $(".tags").attr("rel"); 
    if (moo == ""){ 
     return; 
    }else { 
     var scrolling = $("."+moo).offset().top-100; 
     $.scrollTo(scrolling, 800, {easing:'swing'}); 
     $('.'+moo).animate({backgroundColor : "#4c4c4c", color : "white"}, function() { 
      $(this).animate({backgroundColor : "#dcdcdc"}, function() { 
       $(this).animate({backgroundColor : "#4c4c4c"}); //animation wasn't completing chain, thus all the nested functions.              }); 
     $('.'+moo+' a').animate({color : "#ed9925"}); 
     }); 
    } 
}); 

Pourquoi est-ce que cela ne fonctionne pas? Ne pas avoir des erreurs dans FF ...

EDIT

Comme @Chouchenos a souligné, un type de script n'a pas été déclaré, et je ne ferme pas l'étiquette. Cependant, maintenant FF ne génère pas d'erreur, mais l'animation (modification du BG et du défilement) ne fonctionne pas.

Répondre

1

deux FF et IE me disent que

$ .scrollTo est pas une fonction

Mais étonnamment, il fonctionne sur le chrome.

EDIT: Firefox fait une erreur ici, je pense:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"/> 
<script src="http://www.bavarianblue.com/wp-content/themes/Polished/js/jquery.scrollTo-1.4.2-min.js"></script> 

Il peut ressembler à ceci:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"></script> 
<script src="http://www.bavarianblue.com/wp-content/themes/Polished/js/jquery.scrollTo-1.4.2-min.js"></script> 

Voilà pourquoi scrollTo ne se charge pas je pense

+0

Plus, avec la barre d'outils de développement web, il me dit jquery UI est la charge comme ceci: au lieu de

0

Il semble que l'animation et la définition de backgroundcolor ne fonctionnent pas non plus. Avez-vous essayé le débogage en utilisant Firebug? Je suspecte que la ligne if (moo == "") pourrait retourner quelque chose d'inattendu dans FF.

Je suppose que le problème est que vous avez affichage: aucun sur la div avec la classe = "tags". FF ne vous permettra peut-être pas de faire défiler jusqu'à un élément qui n'est pas affiché sur la page pendant que Chrome le fait.

Vous pouvez tester cela en supprimant temporairement l'affichage: aucun style dans la div et de voir si cela fonctionne dans FF

+0

FF dit $. scrollTo n'est pas une fonction .... pas sûr de savoir comment résoudre ce problème. – Jared

+0

Eh bien ... maintenant FF obtient des informations 'rel', mais ne s'anime toujours pas. Toujours le chasser .... – Jared

0

moo == « »: retour; et son retour, ai-je oublié quelque chose? Pouvez-vous donner des mesures à reproduire comme ce qui ne fonctionne pas? Il n'y a pas de .tags partout. Les balises div contiennent js

+0

.tags est là .... dans le lien que j'ai fourni, voir '

' C'est censé animer en FF et ce n'est pas, seulement en chrome. – Jared

0

ScrollTo n'est pas une méthode jQuery native; vous avez besoin de Flesler's ScrollTo plug-in.

+0

comme mentionné dans l'OP, j'utilise jquery.scrollTo-1.4.2-min.js – Jared

+0

Vous avez raison, mes excuses. Cependant, en chargeant votre page dans FireFox et en regardant le trafic réseau, elle ne charge jamais jquery.scrollTo-1.4.2-min.js. Encore plus bizarre, quand je le récupère dans Firefox, il est dit que l'attribut src n'est pas un lien. Je pense que quelque chose est étrange à propos de cette balise de script, ce que tolère l'analyseur de Chrome, mais pas celui de Firefox. –

Questions connexes