首页 \ 问答 \ 检查css3动画是否已完成，例如使用jquery进行变换缩放(check if the css3 animation is done for example transform scale using jquery)

检查css3动画是否已完成，例如使用jquery进行变换缩放(check if the css3 animation is done for example transform scale using jquery)

 嘿，我正在处理一个带有应用于图像的css3动画的滑块。 现在我想检查css动画是否已经完成然后我只想改变滑块图像。 动画放在一个名为.animations的类中  
    .animationStuff {
        -moz-transform: scale(1.00);
        -webkit-transform: scale(1.00);
        -o-transform: scale(1.00);
        transform: scale(1.00);
        -ms-transform: scale(1.00);
    }
 
 现在点击按钮我使用Jquery将animationSuff类添加到图像，我如何检查图像是否缩放到正常（我的意思是动画完成）？ 谢谢  
 好的，我已经研究了一些，发现这个答案，它有效，但有一个问题，警报显示2次，反正这里是代码  
  $(firstBgImage).bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() {
    alert('hello World');
});
 
 有人能告诉我为什么当动画结束时它会显示两次，谢谢。 

Hey i am working on a slider with css3 animations applied to images. Now i wanna check if the css animations have finished then only i wanna change the slider image. the animations are put in a class called .animations 
    .animationStuff {
        -moz-transform: scale(1.00);
        -webkit-transform: scale(1.00);
        -o-transform: scale(1.00);
        transform: scale(1.00);
        -ms-transform: scale(1.00);
    }
 
Now on button click i add the animationSuff class to image using Jquery, how can i check if the image has scaled to normal ( i mean the animation is finished)? thanks 
Ok i've researched some more and found this answer and it works but there is one problem , the alert is displayed 2 times, anyways here is the code 
  $(firstBgImage).bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() {
    alert('hello World');
});
 
Can someone tell me why it's displaying alter 2 times when animation ends, thanks.

原文：https://stackoverflow.com/questions/18558601

更新时间：2023-11-01 08:11

最满意答案

 由with语句控制的块内的异常通过generator.throw()传播到生成器上下文管理generator.throw() ，如PEP 343：“Generator Decorator”所示 ，它在生成器暂停时引发异常。 换句话说，你应该在try / except或try / finally中包装yield ：  
@contextmanager
def test():
    print("Hello")
    try:
        # The block of the with statement executes when the generator yields
        yield

    finally:
        print("goodbye")
 
 引用有关该主题的官方文档 ：  
 
  ...如果块中发生未处理的异常，则在生成器发生的点处将其重新加载。 因此，您可以使用try ... except ... finally语句来捕获错误（如果有），或确保进行一些清理。 如果仅为了记录异常或者为了执行某些操作（而不是完全禁止它）而捕获异常，则生成器必须重新加载该异常。 否则，生成器上下文管理器将向with语句指示已处理异常，并且将继续执行紧跟在with语句之后的语句。  

The exception from within the block governed by the with statement is propagated to your generator context manager through generator.throw() as shown in PEP 343: "Generator Decorator", which raises the exception at the point where the generator was paused. In other words you should wrap the yield in a try/except or try/finally: 
@contextmanager
def test():
    print("Hello")
    try:
        # The block of the with statement executes when the generator yields
        yield

    finally:
        print("goodbye")
 
To quote the official documentation on the subject: 
 
 ...If an unhandled exception occurs in the block, it is reraised inside the generator at the point where the yield occurred. Thus, you can use a try…except…finally statement to trap the error (if any), or ensure that some cleanup takes place. If an exception is trapped merely in order to log it or to perform some action (rather than to suppress it entirely), the generator must reraise that exception. Otherwise the generator context manager will indicate to the with statement that the exception has been handled, and execution will resume with the statement immediately following the with statement.

检查css3动画是否已完成，例如使用jquery进行变换缩放(check if the css3 animation is done for example transform scale using jquery)

最满意答案

相关问答

MDB异常处理(MDB exception handling)[2022-12-21]

何时以及如何使用异常处理？(When and how should I use exception handling?)[2023-12-21]

异常处理块的正确范围(Correct extent of the exception handling block)[2023-04-27]

重新抛出catch块内的异常(Re-throw an exception inside catch block)[2023-04-30]

for循环中的Python异常处理(Python exception handling inside for loop)[2023-05-02]

python try-except，异常处理(python try-except, exception handling)[2022-08-16]

用块内部进行python异常处理(python exception handling inside with block)[2023-12-19]

Python - 检查当前是否正在处理异常(Python - check if currently handling an exception)[2023-08-01]

处理从dll内部抛出的异常(Handling an exception thrown from inside a dll)[2022-03-08]

PHP - 尝试并捕获块（异常）处理(PHP - try and catch block (Exception) handling)[2022-05-25]

相关文章

最新问答