javascript - JQuery - 复制元素的尺寸和绝对位置

标签 javascript jquery css copy position

我正在尝试将元素的尺寸和位置(相对于文档)复制到另一个元素上。

例如:

  var SelectedElement = $("div#MyTargetElement");

  // The CopiedButEmpty element is a div with absolute position that is meant to hover/float above the selected element.
  $("div#CopiedButEmpty").css("width", SelectedElement.width()).css("height", SelectedElement.height())
    .css("left", SelectedElement.offset().left).css("top", SelectedElement.offset().top)
    .css("marginTop", SelectedElement.css("marginTop")).css("marginLeft", SelectedElement.css("marginLeft"))
    .css("marginRight", SelectedElement.css("marginRight")).css("marginBottom", SelectedElement.css("marginBottom"))
    .css("paddingLeft", SelectedElement.css("paddingLeft")).css("paddingTop", SelectedElement.css("paddingTop"))
    .css("paddingRight", SelectedElement.css("paddingRight")).css("paddingBottom", SelectedElement.css("paddingBottom"));

但在某些情况下,它仍然没有给我正确的位置。我错过了什么吗?有什么方法可以轻松复制元素位置(相对于文档),所以我的元素“CopiedButEmpty”可以悬停元素。

最佳答案

我想知道你为什么不选择使用 jquery clone() .

关于javascript - JQuery - 复制元素的尺寸和绝对位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1113758/

相关文章:

javascript - 如何在隐藏/显示跨度元素时保留固定宽度显示

javascript - Dygraph 多个绘图 - 打开和关闭它们

javascript - 从 mysql 数据库获取数据时,node.js 流程不正确

javascript - 函数未定义错误

javascript - CanvasJS 图表不显示

css - 当我使用 Materialise css 时,如何更改 google 图标的颜色?

javascript - 如何让子菜单出现在该导航菜单中的菜单左侧?

javascript - meteor 中的聊天机器人响应后滚动到聊天底部

javascript - 在链接点击时切换 div

html - 表格内的表格添加填充