javascript - JQuery .css setTimeout 以未知原因否定我的表单

Question

我正在使用 if 语句根据菜单栏所在的位置触发 css 重新定位。

if($("#menu").hasClass("topmenu")==true)
{

setTimeout(function() {$(".centeringContainer").css(
    {
    "position":"absolute",
    "text-align": "center",
    "padding-top": "60px",
    "width":"100%",
    "z-index": "-5",
    "padding-left":"20px",
    "margin-left":"20px"
    })}, 1); 



}

我不知道为什么，但是关于这个 setTimeout 的某些东西不允许用户填写页面上的表格。我需要填写的任何文本框都会卡住，甚至没有光标。也许超时正在停止所有其他交互或什么？有什么建议么？

Answer 1

没有看到你的标记很难知道，但我认为centeringContainer它覆盖了你所有的其他表单元素。您将其绝对定位为 100% 宽度，因此这可能位于您的输入之上，使它们看起来“卡住”。

centeringContainer设置to的宽度，1px看看是否可以解决任何问题。如果是这样，您可能需要重新考虑如何使用该容器。