Safariのancohorタグで$（this）.css（ "width"）が機能しない

Question

Webテンプレート用のカスタムポップアップを生成するためにCSSセレクタを使用しています - 基本的に、いくつかのプロデューサーはJSポップアップサイズなどを設定するには簡単な方法が必要です。このアプローチのメリットには本当に関心がありませんが、jQueryがSafariのアンカーのCSS。

参照：http://f1shw1ck.com/jquery_sandbox/csspops.html

私の質問の肉：

セレクタa.popup {width: 800px;height: 560px;}とアンカー<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他のブラウザのポップアップアラート：ツールバー=いいえ、ディレクトリ=いいえ、サイズ変更=はい、メニューバー=いいえ、スクロールバー=はい、ステータス=いいえ、幅= 800px、高さ= 560px、上= 20、left = 240

Safariの警告：toolbar = no、directories = no、location = no、menubar = no、scrollbars = yes、status = no、width = 0px、height = 0px、上= 20、左= 640

ご理解いただきありがとうございます。

Answer 1

アンディです。

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

Answer 2

Chromeでも動作しません。

this linkとthis other Stack Overflow answerのように、Webkitブラウザは、完全に読み込まれるまでWebkitブラウザがサイズとして「0」または「不明」と報告するのは遅すぎる可能性があります。

これは、JavascriptとCSSが並行して読み込まれるためです。つまり、スクリプトが実行されるまでにスタイリングが完全に適用されない可能性があります。