2010-05-05 10 views
1

Fondamentalement, je crée une page avec un scroller jQuery dessus. Toutefois, dans IE7 spécifiquement, à l'actualisation de tous les li's sur la page sont affichés complète puis ils se cachent et le défilement commence. Tout le monde sait comment je peux déclencher la jquery en premier ou empêcher que cela se produise.jQuery & IE sur Actualiser/Recharger

Heres le code

<script language="JavaScript" src="/site/js/jquery-1.3.2.js"></script> 
<script language="JavaScript" src="/site/js/jcarousellite_1.0.1c4.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$(".air_ticker").jCarouselLite({vertical: true,visible: 1,auto:10000,speed:1800}); 
    }); 
</script> 
+0

Il peut y avoir quelques problèmes d'accessibilité, mais avez-vous pensé à cacher le contenu avec .css, puis en utilisant votre script java pour le rendre visible après avoir défini les propriétés du changeur. Vous pouvez par exemple donner au défileur une grande marge gauche négative puis la déplacer sur l'écran. –

+0

hmm ... en faisant ainsi le texte aura l'air de ne jamais disparaître? Il ne montrera pas non plus tout le vrai vite. – balexander

Répondre

1

façon standard: comme this question

Dans votre HTML:

<body> 
    <script type="text/javascript"> 
    document.body.className += " js"; 
    </script> 

Dans votre CSS (chargé avant l'élément .air_ticker apparaît dans le code HTML)

.js .air_ticker { display: none; } 

Maintenant, si le navigateur a JS, l'élément .air_ticker sera caché avant qu'il ait une chance de s'afficher.

+0

Cela permet de garder les éléments entièrement cachés. Sur l'actualisation dans IE je ne veux pas que le li est montré pour cette seconde. Je ne veux pas les cacher de façon permanente – balexander

+0

ahh je l'ai compris. merci orip! – balexander