Карусель jQuery не продвигается в Internet Explorer 7 - PullRequest
Новая
       20

Карусель jQuery не продвигается в Internet Explorer 7

0 голосов
/ 11 мая 2011

У меня есть jCarousel на главной странице сайта:

http://www.thegirlsfoundationoftanzania.org/

Он прекрасно работает во всех браузерах, кроме Internet Explorer 7 и 6. В 7 он корректно отображает карусельно картинки не продвигаются и не работают следующая и предыдущая стрелки.Я перепробовал все, что мог придумать, чтобы исправить это безрезультатно.IE 7 не отображает никаких ошибок JavaScript.

Код для контейнера jCarousel: 

<div id='carouselboxes'>
    <a href='#' id='carouselboxes-prev'></a>
    <a href='#' id='carouselboxes-next'></a>
    <ul>
        <li><img src="/featurePhotos/10_Slideshow 2.jpg" width='600' height='410' border='0' /></li>
        <li><a href='/Facts_About_Girls.htm'><img src="/featurePhotos/15_facts.jpg" width='600' height='410' border='0' /></a></li>
        <li><img src="/featurePhotos/11_Slideshow 3.jpg" width='600' height='410' border='0' /></li>
        <li><a href='/Donate.htm'><img src="/featurePhotos/16_community.jpg" width='600' height='410' border='0' /></a></li>
        <li><img src="/featurePhotos/8_Slideshow 1.jpg" width='600' height='410' border='0' /></li>
        <li><a href='/The_Investment_in_Girls.htm'><img src="/featurePhotos/17_investment.jpg" width='600' height='410' border='0' /></a></li>
        <li><img src="/featurePhotos/14_Slideshow 6.jpg" width='600' height='410' border='0' /></li>
        <li><a href='/Our_Mission.htm'><img src="/featurePhotos/18_mission.jpg" width='600' height='410' border='0' /></a></li>
        <li><img src="/featurePhotos/13_Slideshow 5.jpg" width='600' height='410' border='0' /></li>
        <li><a href='/Our_Leadership_Team.htm'><img src="/featurePhotos/19_leadership.jpg" width='600' height='410' border='0' /></a></li>
    </ul>
</div>

Код для инициализации карусели:

$ (документ).ready (function () {

    function carouselboxes_initCallback(carousel) {
        $('#carouselboxes-next').bind('click', function() {
            carousel.next();
            return false;
        });

        $('#carouselboxes-prev').bind('click', function() {
            carousel.prev();
            return false;
        });
    }

    $('div#carouselboxes').jcarousel({
        start: 1,
        scroll: 1,
        auto: 5,
        wrap: 'both', 
        initCallback: carouselboxes_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
});

Я попытался упростить код до пары LI без ссылок и простого вызова jCarousel, например, с scroll: 1 и auto: 1.это сработало. У кого-нибудь есть идеи о том, что может привести к тому, что это не будет работать в IE 7?

...