5

我正在尝试玩 arround，我完全是 jquery 的新手！所以我肯定需要一些帮助:)

$(function() {
        $('#switch').on('click', function() {
            $('#customOverlay').toggle();
        });
    });

我做了一个灯切换器，我试图通过添加 customOverlay 来打开/关闭灯。

它工作得很好，但并不像预期的那样。我想将它延迟 1000 毫秒，并且我想为它设置动画，因为这样它只会快速打开和关闭可见性。这可能是因为我什至无法延迟它，而且我不知道如何为切换设置动画。

先感谢您！

4

2 回答 2

15

尝试.fadeToggle()：

$(function() {
        $('#switch').on('click', function() {
            $('#customOverlay').delay(1000).fadeToggle();
        });
});

或者

$(function() {
        $('#switch').on('click', function() {
            $('#customOverlay').fadeToggle(1000);
        });
});

仅使用.delay()并且.toggle不起作用的其他答案，因为.delay()仅适用于动画队列并且.toggle()不动画，而.fadeToggle()确实如此。

于 2012-10-09T17:25:37.870 回答
1

尝试使用.delay()

$('#customOverlay').delay(1000).fadeToggle();
于 2012-10-09T17:21:32.920 回答