jQuery在PX中获取元素宽度

Question

我有一个沿着页面底部运行的固定 DIV，并且有几个使用 css width % 设置的 DIV。

例如:HTML

    <div id="footerHide" class="footerDivRightContainers">
      <img src="../../images/footer-divider.png" id="footerDividerHide" class="footerDivider">
      <h3 id="footerHide">Hide</h3>
    </div>

CSS:

div#footerHide {
    position: relative;
    cursor: pointer;
    width: 6%;
    min-width: 50px;
}

我使用的是百分比，因此它会随页面调整大小。

我需要在运行时获取以像素为单位的宽度:

alert($('div#footerHide').width());

我得到结果 6 - 与宽度相关:6%。

有没有办法以像素为单位获取此值？

谢谢

Answer 1

jQuery width()返回元素的计算宽度值。您的错误无法在 jsfiddle 中使用他们支持的任何较新版本的 jQuery 或您提供的代码重现。

然而，这可能是一个 issue with retrieving a width value for a hidden element with generated content - 既然你说有更多代码，我只能假设这是没有提供足够详细的代码片段的情况。