替换html内容后的offset()值

发布于 2024-10-09 01:51:08 字数 192 浏览 4 评论 0原文

我有一个充当包装器的 div，其中包含网站的几乎整个 DOM（从 body 到 /body）。如果我在文档准备好时获得其中一个元素的 offset() ，则一切正常，但在替换 $('#wrapper').html(newContent) 后偏移量为0。

有什么提示吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

爱*していゐ 2024-10-16 01:51:08

如果 #wrapper 是您的内容包装器，那么您实际上是用新的 DOM 子树交换整个内容。这意味着 #wrapper 内的任何元素现在都不再是 DOM 的一部分。以下代码说明了您的问题：

$.ready(function() {
  var elem = $('#somediv'),
      wrapper = $('#wrapper'),
      newContent = '<div>...</div>';

  alert(elem.offset().top); // displays the correct offset

  wrapper.html(newContent); // swaps out the contents of #wrapper, destroys #somediv

  alert(elem.offset().top); // displays 0, because `elem` is not inside #wrapper anymore
});

可以在此处查看工作示例： snippet@jsfiddle

If #wrapper is your content wrapper, then you're essentially swapping out your whole content with a new DOM subtree. That means that any element that was inside your #wrapper is now not part of the DOM anymore. The following code illustrates your problem:

$.ready(function() {
  var elem = $('#somediv'),
      wrapper = $('#wrapper'),
      newContent = '<div>...</div>';

  alert(elem.offset().top); // displays the correct offset

  wrapper.html(newContent); // swaps out the contents of #wrapper, destroys #somediv

  alert(elem.offset().top); // displays 0, because `elem` is not inside #wrapper anymore
});

A working example can be seen here: snippet@jsfiddle

回复收藏 0 原文

~没有更多了~