jQuery应该等到css转换

Question

我在div中制作了一个简单的幻灯片，请看我的小提琴： https://jsfiddle.net/5m9Lgj7o/ 它到目前为止工作正常。

但是我有一个css过渡表：

.gallery-table {
    transition: left 0.5s;
}

问题是，当转换尚未完成时，计算＆＃34; actLeft＆＃34;单击快速左侧或右侧控件时出错。

如何告诉我的函数leftControl.click（）和rightControl.click（）等到转换结束？或者这是错误的方式？

我尝试了一个（）和队列（）以及延迟（），但我没有得到解决方案......

Answer 1

CC3生成DOM事件，因此您可以在TransitionEnd事件上发声。 查看有关this answer的更多信息。

Answer 2

SetTimeout函数将完成工作。

See this fiddle

setTimeout(
            function() {
                alert("Called after delay.");
            },
            2000);

这段代码被添加到每个点击功能

Answer 3

我认为，对你的任务最直接的解决方案是使用$ .animate（） http://api.jquery.com/animate/