Javascript jQuery-用于旋转木马的函数

Javascript jQuery-用于旋转木马的函数,javascript,jquery,Javascript,Jquery,在过去的几周里,我一直在学习jQuery。我决定给自己设定任务,以便以更有趣的方式学习。所以我决定自己制作旋转木马——我知道有很多旋转木马,我确信它们比我的要好得多,但制作自己的旋转木马有助于我理解事情是如何运作的: 以下是我目前掌握的情况: 我尝试完成的事情很少,但我似乎进展不大,因此非常感谢您的帮助: 如果第一项是左0px,我希望左箭头按钮被禁用 我试着用event.preventDefault做这件事;返回false,但我要么做错了,要么它不起作用。 当最后一个项目滚动到时,我希望它是滑回

在过去的几周里,我一直在学习jQuery。我决定给自己设定任务,以便以更有趣的方式学习。所以我决定自己制作旋转木马——我知道有很多旋转木马,我确信它们比我的要好得多,但制作自己的旋转木马有助于我理解事情是如何运作的:

以下是我目前掌握的情况:

我尝试完成的事情很少,但我似乎进展不大,因此非常感谢您的帮助:

如果第一项是左0px,我希望左箭头按钮被禁用

我试着用event.preventDefault做这件事;返回false,但我要么做错了,要么它不起作用。 当最后一个项目滚动到时,我希望它是滑回第一个项目的下一个按钮。左:0px

我不知道如何做到这一点,但我有一个变量来查找旋转木马中的项目数。所以我认为这就像是在不同的点击次数后滑回到0px? 当我快速点击时,它会使我的幻灯片失去同步,因此有时你会看到一半的项目显示在末尾

我也不知道我该怎么做,也许每设定一段时间点击一次?我从来没听说过这个,所以我可能是在抓救命稻草! 最后,有没有办法使旋转木马无限大?例如,当你到达第十个项目后,第一个项目又回来了,它无限循环地通过?这与我的前两个问题相矛盾。但我想知道如何做到这两个。
那可真是太多了抱歉!!任何部分或全部的帮助都将是非凡的!非常感谢您抽出时间!:

我添加了一些条件。其中一个在“下一步”按钮上单击:

// end of items
if ($('.item').last().position().left ==
    $('#carousel').width() - carouselItemWidth)
    return false;   
要解决第4点,可以将项目容器左位置设置为0px