2009-12-08 6 views
0

J'ai essayé de faire fonctionner cela pour la dernière heure, mais je ne peux pas pour la vie de moi, alors j'ai pensé que je demanderais ici.jCarousel ne fonctionne pas dans IE8

Je possède ce code:

<ul id="myCarousel"> 
<% foreach (var date in entryDates) 
    { %> 
<li> 
    <div style="text-align:center;width:60px;"> 
    <span class="headerSpan" id="day_<%=date.ToString("dd-MM-yyyy")%>">abc</span> 
    </div> 
    <input class="timeInput narrow" type="text" id="time_<%= date.ToString("dd-MM-yyyy")%>"/> 
    <input class="subsInput narrow" type="text" id="subs_<%=date.ToString("dd-MM-yyyy") %>"/> 
</li> 
<% } %> 
</ul> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#myCarousel').jcarousel({ 
      scroll: 7, 
      animation: 1000, 
      buttonNextHTML: "<span id='next'>Next</span>", 
      buttonPrevHTML: "<span id='previous'>Previous</span>" 
     }); 
    });  
</script> 

Il fonctionne très bien dans Chrome et FireFox, mais simplement ne défile pas dans IE.

Des idées pourquoi pas?

Répondre

1

Je ne vois rien de mal dans votre code.

Cependant sur jCarousel's documentation il est écrit qu'il a été testé sur IE6 et 7, mais pas IE8:

jCarousel a été testé et fonctionne sur les navigateurs suivants:

* Internet Explorer 6 (PC) 
* Internet Explorer 7 (PC) 
* FireFox 1.5.0.6 (PC/Mac/Linux) 
* Opera 9.01 (PC/Mac) 
* Safari 2.0.4 (Mac) 
* Safari 3.1.0 (PC) 
* Konqueror 3.4.0 (Linux) 

Est-ce travailler dans IE6?

Pour l'utiliser, je sais que jCarouselLite fonctionne dans tous les navigateurs.

+0

Je n'ai pas IE6 ou 7 installé sur cette machine. Je l'ai essayé en mode de compatibilité IE8 et c'est la même chose, cependant. – Jimmeh

0

Essayez d'exécuter la copie sur le serveur. Sur copie locale IE "kill" JS-scripts

1

Il ne défile pas coz de cette ligne # 373 (defenition de la fonction "get"):

return $('>.jcarousel-item-' + i, this.list); 

Ce rendement sélecteur 0 éléments, mais il doit être 1. Si vous remplacez cela sur

return $('.jcarousel-item-' + i, this.list); 

vous obtenez le défilement de travail. ">" Ne fonctionne pas dans IE6 et fonctionne avec un bogue dans IE7. De plus, cela ne fonctionne pas dans IE8 dans mon projet (DOCTYPE est XHTML 1.0 Strict, document.compatMode est CSS1Compat). This dit que ">" devrait fonctionner dans IE8, mais en réalité ce n'est pas le cas. Hmm, ça a l'air étrange.

UPD Post à propos de wierdness ">" dans IE8.

1

J'ai utilisé jCousel dans de nombreux projets. Je pense que ça va avec IE 7, 8 et 9. Pour tester cela. Vous pouvez aller à http://sorgalla.com/jcarousel/ et essayer d'exécuter leurs exemples dans les navigateurs que votre code devient un problème. Donc, vous saurez quel est le problème.

Questions connexes