Jquery加载div移位

Question

我正在使用以下内容在成功提交 ajax 表单后加载 div。

  $('#randomdiv').load('somepage.html #randomdiv');

一切都按照我想要的方式发生，除了当第一次使用按钮触发表单提交时，div 向下移动并在每个方向移动大约 4 个像素。我完全不知道原因是什么。

我正在使用相同的格式重新加载按钮。

 $('#submitbutton').load('somepage.html #submitbutton');

该按钮也显示相同的班次。我已经尝试了所有其他刷新方法，但我需要刷新数据库变量，并且此方法是唯一有效的方法。任何帮助将不胜感激。

Answer 1

我认为您遇到了意外嵌套，表现为视觉偏移。来自精美手册：

$('#result').load('ajax/test.html #container');

当该方法执行时，它会检索ajax/test.html的内容，然后jQuery解析返回的文档以查找具有容器ID的元素。该元素及其内容将被插入到 ID 为 result 的元素中，而检索到的文档的其余部分将被丢弃。

因此，当您执行此操作时：

$('#randomdiv').load('somepage.html #randomdiv');

您最终会在 HTML 中得到以下结构：

<div id="randomdiv">
    <div id="randomdiv">
        whatever was in somepage.html's #randomdiv
    </div>
</div>

当您可能期望这样时：

<div id="randomdiv">
    whatever was in somepage.html's #randomdiv
</div>

您可能只需要稍微重构 HTML 以获得外部容器元素，例如 #container，期望将 #randomdiv 插入其中：

<div id="container">
    <div id="randomdiv">
        ...

然后执行 $('#container').load('somepage.html #randomdiv') 来放置东西在其中。