Question

它应该很容易，但我是盲目的;（

我想做的是：我点击一个按钮。我做了一些clickstuff，但我也想在另一个元素上使用blur-transition-css-effekt。所以我添加一个类然后延迟（因为这是一个很好的效果）另一个类做一个模糊效果。但现在我想删除转换类。这应该发生在添加模糊类时..任何想法？上面的代码需要使用removeClass（'。transition'）...

来完成

 $('#comaiden').on("keypress",function (f) {
    if (!firstCapital(f)) {
       $("#comaiden").popover({ title: 'Twitter Bootstrap Popover', 
                        content: "It's so simple to create a tooltop for my website!" });
    }
 });

function firstCapital(e) {
 var inp = String.fromCharCode(e.which);
 if (/[A-Z]/.test(inp[0])) return true;
  else return false;
 };

Answer 1

您可以使用相同的.queue函数执行此操作。

$('#clicky').click(function(e){

    $("#clicky")
    .queue(function(){
        $(this).addClass("transition").dequeue();
    })
    .delay(1000)
    .queue(function(){
        $(this).addClass("blur").dequeue();
    })
    .delay(1000)
    .queue(function(){
        $(this).removeClass('transition').dequeue();
        $(this).removeClass('blur').dequeue();
    });

});

检查html元素，你可以看到如何添加和删除css类，我在添加/删除css类之间添加了延迟，以便更好地查看和检查。

DEMO

延迟，setTimeout - 如何做点击延迟2件事？

1 个答案: