Javascript jQuery scrollTo函数出现问题

Javascript jQuery scrollTo函数出现问题,javascript,jquery,jcarousel,scrollto,Javascript,Jquery,Jcarousel,Scrollto,我的JCarosel滑块有问题。我的html已按要求设置 <div id="homeSlider"> <div id="homeSliderLeft"> <div id="homeSliderLeftNav"> <ul> <li><a href="#" class="on">1</a></li> <li><a h

我的JCarosel滑块有问题。我的html已按要求设置

<div id="homeSlider">
<div id="homeSliderLeft">
    <div id="homeSliderLeftNav">
        <ul>
            <li><a href="#" class="on">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>

        </ul>
    </div>
    <div id="homeSliderLeftText">
        <ul>
            <li rel="#1"><strong>Donga Bridge</strong>Taraba State, Nigeria</li>
            <li rel="#2"><strong>Golf Course</strong>Druids Glen Golf Club, Co. Wicklow, Ireland</li>
            <li rel="#3"><strong>Oil and Gas</strong>Consectetur adipisicing elit in reprehenderit in voluptate velit</li>
            <li rel="#4"><strong>Airport</strong>Enugu Airport, Enugu State, Nigeria</li>
            <li rel="#5"><strong>Road in Countryside</strong>Panyam to Shendam Road, Jos, Plateau State, Nigeria.</li>
            <li rel="#6"><strong>Open Cast Mining</strong>Consectetur adipisicing elit in reprehenderit in voluptate velit</li>

        </ul>
        <!--homeSliderLeftText-->
    </div>
    <div id="homeSliderLeftButton">
        <a href="#" class="button butMoreYellow">More</a>
    </div>
    <!--homeSliderLeft-->
</div>
<div id="homeSliderRight">
    <div id="homeSliderRightMask">
        <ul>
            <li><img src="images/template/homeSlider_001.jpg" width="720" height="240" alt="" /></li>
            <li><img src="images/template/homeSlider_002.jpg" width="720" height="240" alt="" /></li>
            <li><img src="images/template/homeSlider_003a.jpg" width="720" height="240" alt="" /></li>
            <li><img src="images/template/homeSlider_004.jpg" width="720" height="240" alt="" /></li>
            <li><img src="images/template/homeSlider_005.jpg" width="720" height="240" alt="" /></li>
            <li><img src="images/template/homeSlider_006.jpg" width="720" height="240" alt="" /></li>

        </ul>
        <!--homeSliderRightMask-->
    </div>
    <!--homeSliderRight-->
</div>
<!--homeSlider-->
}

我正在使用jQuery1.6.2和Jcarcousel

如您所见,我对更改文本和突出显示的按钮没有问题。在索引变量保持正确的情况下,选择第六(5)个图像时,滑块将返回到第一(0)个图像。似乎carosel显示的图像不会超过5个。我已经把它放到了scrollTo函数中,因为它不存在于更改文本和突出显示按钮的函数中

您可以在这里看到正在运行的代码,单击第6个按钮查看错误


提前谢谢

看起来你的皮肤有问题。Slider.css

我认为你使UL不够宽,因为最后一张幻灯片落在第一张幻灯片下面

#homeSlider #homeSliderRightMask ul {
  float: left;
  height: 240px;
  width: 4000px;
}
将宽度更改为4320px(720px*6),或者如果不起作用,可以再大一点

#homeSlider #homeSliderRightMask ul {
  float: left;
  height: 240px;
  width: 4000px;
}