Я использую селекторы CSS для создания настраиваемых всплывающих окон для веб-шаблонов — в основном, некоторым производителям не нравится JS, и мне нужен простой способ для них установить размеры всплывающих окон и т. д. Я не очень интересуются достоинствами этого подхода, но скорее хотят понять, почему jquery, похоже, не может получить ширину и высоту, определенные в CSS, для якоря в Safari.
См.: 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?
всплывающее оповещение при нажатии в других браузерах: панель инструментов = нет, каталоги = нет, местоположение = нет, изменяемый размер = да, меню = нет, полосы прокрутки = да, статус = нет, ширина = 800 пикселей, высота = 560 пикселей, верх = 20, левый =240
предупреждение в Safari: панель инструментов = нет, каталоги = нет, местоположение = нет, изменяемый размер = да, панель меню = нет, полосы прокрутки = да, статус = нет, ширина = 0 пикселей, высота = 0 пикселей, верх = 20, лево = 640
Спасибо, что помогли мне понять.