需要通过onclick事件跳到fadein的末尾。

Question

这有点奇怪，但我希望你们能帮忙。

我有一个客户端已经请求一个奇怪的动画淡出顺序与对象淡入/淡出，但也想要一个按钮，将取代动画，并跳到完成的状态立即。

目前，这是我使用的javascript (当然是jquery)。

$("#finished-button" ).click(function() {
    $('#slide-1').fadeTo(1,.1);
    $('#slide-2').fadeIn(1);
    $("#slide-1" ).stop(); 
    $("#slide-2" ).stop();
    ;});
$(document).ready(function() { 
    $('#slide-1').delay(5000).fadeTo(5000,1).delay(11000).fadeTo(5000,.1);
    $('#slide-2').delay(21000).fadeIn(5000);   
;});

div‘成品-按钮’是按钮跳转到完成状态，但这是行不通的。我漏掉了什么/语法出了什么问题？谢谢你们！

Answer 1

您可以首先清除animation queue，然后可以使用.css()设置这些元素并设置其最终样式属性。

试试看

$("#finished-button" ).click(function() {
    $('#slide-1').stop().show().css('opacity','0.1');
    $('#slide-2').stop().show.css('opacity','1');
});

或者@ use 2191572指定您可以使用，

$("#finished-button" ).click(function() {
    $('#slide-1,#slide-2').finish();
});