我有一个表单,我在通过
jquery渲染后正在修改 – 只是因为我无法控制创建表单的代码.
无论如何,我在登录按钮旁边添加了一个按钮,它是表单的一部分.为了做到这一点,我使用以下jquery:
$('.mynewbutton').hide();
$(".submit").addClass("buttonalign");
$('
').insertBefore($('.submit'));
$('.submit').after($('
i
'));
我添加的新按钮实际上是一个我用css绘制的圆圈.
这很好 – 新按钮与登录对齐.
这是css:
.shared {
position: absolute;
width: 200px;
}
.buttonalign {
position: absolute;
top:340px;
}
.circlealign {
position: absolute;
top:340px;
}
我需要解决的问题是当登录表单返回错误消息时,它会在表单顶部显示错误并将所有内容都按下.
所以我的登录按钮和新按钮最终覆盖了表单上的其他元素,因为它们的位置是固定的.
我将固定数字更改为百分比,如下所示:
.shared {
position: absolute;
width: 100%;
}
.buttonalign {
position: absolute;
top:40em;
}
.circlealign {
position: absolute;
top:40em;
}
但这改变了新按钮的位置,使其不再与登录按钮对齐.它在页面上较低.
你能为我指出正确的方向吗?
谢谢.
编辑1
这里是渲染的HTML ..而且当然jquery的东西在这里没有出现这很痛苦……但你可以看到初始形式看起来像什么
Login
logon Failed
User IDPassword