Question

如果有错误信息，我的代码如下。然后登录表单的边缘顶部应为“0”，对于第一个错误，msg margin top应为“70px”。

<span class="portlet-msg-error"> You have entered invalid data. Please try again. </span>

<span class="portlet-msg-error"> Authentication failed. Please try again.</span>

<div class="login-form" style="margin-top: 70px;"> Form Display here </div>

Answer 1

$('.login-form').css({'margin-top':'0px'}); // Login form
$('.portlet-msg-error:first').css({'margin-top':'70px'}); // Error Message

它可能是marginTop，我忘记了jQuery是否可以接受全名，或者如果你有必须在有连字符时使用驼峰

编辑刚刚查看，margin-top seems to work

Answer 2

试试这个：

if(error)
{
 $(".login-form").css("margin-top", "0");
 $(".portlet-msg-error:first").css("margin-top", "70px");
}

Answer 3

您可以在CSS中执行此操作：

.login-form {
    margin-top: 0px;
}

.portlet-msg-error:first-child {
    margin-top: 70px;
}

jQuery中的相同内容是：

$('.login-form').css('margin-top', '0px');
$('.portlet-msg-error:first-child').css('margin-top', '70px');

所以你看到在这种情况下没有真正的理由使用jQuery。

使用jQuery更改边距值

3 个答案: