Question

我想在出现错误时在Javascript（不使用框架）中触发CSS转换（淡入消息）。我在我的div中添加了一个触发器类，但是当错误弹出时它不会淡入。我有什么想法可以解决这个问题吗？

HTML文件：

<div id="errorID" class="errorMessage">
    <strong>Error!</strong> Something went wrong.
</div>

Javascript文件：

if (!valid){ // error -> errorTextMessage
    var errorBox = document.getElementsById('errorID');
    errorBox.classList.add("errorTrigger");
}

CSS文件：

.errorMessage{
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
 }

.errorMessage.errorTrigger{
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 1;
}

Answer 1

bool Signature::VerifySignature(const std::string &PublicKeyString, const std::string &data, const std::string &SignatureStr) { CryptoPP::StringSource PKeyStringSource(PublicKeyString, true); CryptoPP::StringSource SignStringSource(SignatureStr, true); CryptoPP::RSA::PublicKey publicKey; publicKey.Load(PKeyStringSource); // verify message bool result = false; m_verifier.AccessPublicKey().Load(SignStringSource); CryptoPP::StringSource ss2(SignatureStr + data, true, new CryptoPP::SignatureVerificationFilter(m_verifier, new CryptoPP::ArraySink((CryptoPP::byte*)&result, sizeof(result)))); return result; }是基于webkit的浏览器（很久以前）在测试-webkit-transition的实现时使用的实验性属性。

它永远不应该在生产中使用，现代浏览器也不支持它。

使用真实transition属性。

Answer 2

正如@Bhuwan所说，我在document.getElementById打了一个错字。

在Javascript中触发CSS转换

2 个答案: