jquery - $(this).css ("width") 不适用于 Safari 中的 anchor 标记

Question

我正在使用 CSS 选择器为 Web 模板生成自定义弹出窗口 - 基本上，有些制作人对 JS 不熟悉，我需要一种简单的方法让他们设置弹出窗口大小等。我'我对这种方法的优点并不感兴趣，而是希望了解为什么 jquery 似乎无法获取 CSS 中定义的 Safari anchor 的宽度和高度。

参见:http://f1shw1ck.com/jquery_sandbox/csspops.html

我的问题的核心:

对于选择器a.popup {width: 800px;height: 560px;}和 anchor <a href="http://www.metmuseum.org/toah/hd/apol/hd_apol.htm" class="popup">African Rock Art: Apollo 11 Cave Stone (c. 25,500 - 23,500 BCE)</a>为什么是

if ($(this).css("width")) {   
windowParams.width = $(this).css("width");
}
if ($(this).css("height")) {   
windowParams.height = $(this).css("height");
}

两个属性在 Safari 中都返回为零？

其他浏览器中的 onclick 弹出警报:toolbar=no,directories=no,location=no,ressized=yes,menubar=no,scrollbars=yes,status=no,width=800px,height=560px,top= 20，左=240

Safari 中的警报:工具栏=否，目录=否，位置=否，可调整大小=是，菜单栏=否，滚动条=是，状态=否，宽度= 0 像素，高度= 0 像素，顶部= 20，左侧= 640

感谢您帮助我理解。

Answer 1

安迪是正确的。这里提供了一个解决方案:

Get the real width and height of an image with JavaScript? (in Safari/Chrome)