我如何与JQuery-ui同时做事？

Question

我有以下几行：

$( "#textEmail" ).addClass('gc-input-subscribe-invalid', 1000, "linear" );
$( "#emailWarning" ).show();

这些一个接一个地执行。

理想情况下，我希望它们在1000毫秒的时间内一起执行。

我该怎么做？

Answer 1

您可以通过using jQuery UI addClass()完成此操作。要同时运行它们，将它们放在一个函数中并调用该函数。

JS FIDDLE

的Javascript

function showTheStuf() {
    $("#textEmail").addClass('gc-input-subscribe-invalid', 1000);
    $("#emailWarning").fadeIn(1000);
}

CSS

.gc-input-subscribe {
    border:solid 2px #FFF; /* Your background/previous border color. */
}
.gc-input-subscribe-invalid {
    border:solid 2px red;
}
#emailWarning {
    display:none;
}

HTML

<div>
    <div id="emailWarning">Warning!</div>
</div>
<input id="textEmail" class="gc-input-subscribe" value="ex@ample.com">
<button onclick="showTheStuf()">Click me!</button>