jquery - 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 问题，它的行为略有不同。