Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery div滑块无法正常工作_Javascript_Jquery_Html - Fatal编程技术网

Javascript jquery div滑块无法正常工作

Javascript jquery div滑块无法正常工作,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试创建一个带有“下一步”和“后退”按钮的div滑块。当您到达div的末尾时,“下一步”按钮消失,反之亦然,“后退”按钮消失。我的问题是,当我按下“下一步”按钮时,滑块功能正常,但当我随后立即按下“上一步”按钮时,滑块会向后滑动一个div,但不会减少当前div计数器。相反,它将其递增1。现在,如果我再次单击“上一步”,它将减少当前的div by并正常工作 jQuery HTML 我的问题是,当我按下“下一步”按钮时,滑块功能正常,但当我随后立即按下“上一步”按钮时,滑块会向后滑动一个div

我正在尝试创建一个带有“下一步”和“后退”按钮的div滑块。当您到达div的末尾时,“下一步”按钮消失,反之亦然,“后退”按钮消失。我的问题是,当我按下“下一步”按钮时,滑块功能正常,但当我随后立即按下“上一步”按钮时,滑块会向后滑动一个div,但不会减少当前div计数器。相反,它将其递增1。现在,如果我再次单击“上一步”,它将减少当前的div by并正常工作

jQuery

HTML

我的问题是,当我按下“下一步”按钮时,滑块功能正常,但当我随后立即按下“上一步”按钮时,滑块会向后滑动一个div,但不会减少当前div计数器

这是因为在动画完成时取消/增加当前的_div计数器,而不是立即取消/增加。该方法采用以下参数:

.animate( properties [, duration ] [, easing ] [, complete ] )
也许在调用另一个动画之前,您还应该考虑调用动画元素


这里有两个快速小提琴,演示和之间的差异,我希望它们能提供一些见解。

您还有一个额外的小提琴,应该是下一个和后面的角色>,好的,您可以对文字角色使用和。我从动画中提取了反/递增函数,并将它们自己放置在动画上方,得到了完全相同的结果。您是否也取消了以前的动画?是的。我加了一个“身体”。停;到动画的结尾。不,您要执行$body.stoptrue.animate。。。
<div class="next">
    <span style="font-size:48px;">
        <a class="forward" href="#id2">&nbsp;></a>
    </span>
</div>
<div class="prev">
    <span style="font-size:48px;">
        <a class="back" style="display:none;">&nbsp;<</a>
    </span>
</div>
.animate( properties [, duration ] [, easing ] [, complete ] )