css怎样移动按钮,jquery – CSS新手 – 如何动态移动按钮

作者使用jQuery在登录按钮旁边添加了一个新按钮,并尝试通过调整CSS使其与登录按钮对齐。当表单返回错误消息时,按钮位置出现问题。已尝试使用百分比单位进行调整,但未成功。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我有一个表单,我在通过

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值