用戶界面交互通知我按鈕

我試圖從運球模仿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

用戶界面交互通知我按鈕

回答

相關問題