jquery - offset.left 必要的 css 是什么

Question

本页 => http://api.jquery.com/offset没有充分解释所涉及的必要 CSS。我读到的与该主题相关的 5 个左右的 SO 问题也没有涉及 CSS 问题。

1) 什么 CSS 会导致 $(this).offset.left 返回“未定义”？

2) 还需要知道哪些其他问题会使 offset.left 复杂化(例如，$("object").hide() 会导致 offset.left 返回未定义吗？等等)

我需要知道什么CSS会杀死offset.left以及什么CSS会返回正确的值。

THNX

Answer 1

$(this).offset().left 将始终返回一个值。 jQuery 根据浏览器呈现页面元素的框模型来确定该值。

CSS 提供了一种通过定义的语言控制偏移值的方法，但是一旦渲染，它总是有一个值。

所以你的问题的答案(以及你之前没有找到你正在寻找的答案的原因)是 jQuery 和 CSS 都在控制/读取底层技术。 jQuery 不读取 CSS 规则。

<小时/>

如果隐藏该元素，则它不再是盒模型的一部分，并且 offset().left 将返回值 0:

演示: http://jsfiddle.net/9xaCe/