【问题标题】:Better way to blink a button jQuery?闪烁按钮jQuery的更好方法?
【发布时间】:2012-07-26 16:23:06
【问题描述】:

我希望一个按钮在 AJAX 调用(以及一些其他动画发生)之前闪烁一小段时间。 ajax 调用发生得非常快,所以我不想使用 AJAX 的 before 函数。在任何其他动画之前,眨眼必须是明显的。我觉得好像有一个更漂亮的方法来做到这一点:

       //This is inside of a button click event
       $(this).addClass('active').delay(250).queue(function (e) {
            $(this).removeClass('active').delay(250).queue(function (f) {
                alert(33);
                $child.css('margin-left', $(window).width() + 10 + 'px');
                $child.load(url + 'API CALL' + $(this).data("id"), bindAClicks);
            });
        });

bindAClicks - 动画到边距:0。

$child 是一个容器 div。

active 是一个具有深色背景的类。

奇怪的是警报甚至没有触发。

【问题讨论】:

  • 如果您指的是 beforeSend,我建议您查看此答案,该答案显示了如何等待您的动画完成。 stackoverflow.com/questions/5212949/…
  • 谢谢。这个 AJAX 只是一个例子。我的非 ajax 按钮也需要相同的功能。如果你把这个变成答案,我会给你代表
  • 为什么要“先行”? AJAX 是异步的,在等待响应时发起请求并闪烁按钮。
  • 反应快到你看不到眨眼。
  • @user974896 - 做出了回答。还添加了一个闪烁和使用 Ajax 的示例。

标签: javascript jquery animation mobile blink


【解决方案1】:

如果您指的是 beforeSend,我建议您查看 this answer,它显示了如何等待您的动画完成。

在回复 Oleg 的评论时,我不确定您说响应如此之快以至于看不到眨眼时遇到了什么问题。我创建了一个quick example 来演示它是如何工作的(这样您就可以进行Ajax 调用并仍然执行闪烁)。希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 2012-04-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-03
    • 2018-11-16
    相关资源
    最近更新 更多