Jquery 幻灯片和边距

Question

我目前有一个 Jquery 幻灯片可以在错误消息中滑动。

$('form').submit(function(){
   var $emptyFields = $();
    $('form').find('input').each(function(){if($(this).val() == ""){$emptyFields.push(this)}});
    if($emptyFields.length != 0){
        $('form').find('input').css("border","");
        $("#error").show("slide", { direction: "down" }, 1000);
        return false;
    }else{
        return true;
    }
});

我通过以下 css 将错误消息居中。

  #error {
    display: none;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    width: 24%;
  }

但发生的情况是，它会将其滑入，然后应用 css。无论如何，这附近有吗？

Answer 1

你实际上可以使用slideDown()或slideToggle()，我之前在show时遇到过CSS问题，它的行为略有不同。