用户界面交互通知我按钮

我试图从运球模仿UI交互，但由于某些原因动画是混乱后，我选择发送选项。用户界面交互通知我按钮

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

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

这是我的代码是什么样子的，点击发送按钮：

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

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

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

来源

2017-02-08 Sofi08

'动画是凌乱后，我选择发送option' - 这是非常解释。你期望会发生什么**完全**？你想出现在别的地方还是别的什么地方出现白色文字？或者文本应该更快消失还是不消失？还是应该遵循动画？ – Nope

对此我很抱歉！当“谢谢”出现时，我需要读取“发送”的白色文本消失，但是虽然我删除了相应的类，但它不会发生。 – Sofi08

看来你的问题是，你用的button代替.button类在大多数地方施加影响到页面上的所有按钮，而不仅仅是您的按钮与.button类。

在CSS我改变button{...}到.button{}并在你的JS代码我改变了所有引用到button是.button这似乎已经固定它。

您的示例代码应该是这样的：

$(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

来源

2017-02-08 16:07:29 Nope

非常感谢！ :)这对我来说很愚蠢。 – Sofi08

用户界面交互通知我按钮

回答

相关问题