Question

我在网站的主页上有一个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>

初始化Carousel的代码是：

$（document）.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中不起作用？

jQuery Carousel没有在Internet Explorer 7中推进

0 个答案: