Question

我试图从运球模仿UI交互，但由于某种原因，在我选择发送选项后动画很乱。

请看看我的笔，了解我的意思。谢谢！

http://codepen.io/sofiyashakeel/pen/PWdxdb

这就是我的代码在点击发送按钮时的样子：

$(function() {
  $("#send").click(function() {
    setTimeout(function() {
      $("button").removeClass("onclic");

      $(".info").addClass("hidden");

      $("button").addClass("validate", callback);
    }, 1050);
  });
});

Answer 1

似乎您的问题是您在大多数地方使用了button而不是.button类，这会将效果应用于页面上的所有按钮，而不仅仅是使用.button类的按钮。

在CSS中，我将button{...}更改为.button{}，在您的JS代码中，我将button的所有引用都更改为.button，这似乎修复了它。< / p>

您的示例代码如下所示：

$(function() {
  $("#send").click(function() {
    setTimeout(function() {
      //$("button").removeClass("onclic");
      $(".button").removeClass("onclic");

      $(".info").addClass("hidden");

      //$("button").addClass("validate", callback);
      $(".button").addClass("validate", callback);
    }, 1050);
  });
});

无法让SCSS在代码段中工作，因此更新了CodePen。

Updated CodePen

用于通知我按钮的UI交互

1 个答案: