Работает ли jquery на сафари на iphone?

Question

Я работаю над веб-сайтом, на котором я использую плагин slimbox2 (аналог лайтбокса) для jquery для создания увеличенных фотографий.

Плагин работает во всех браузерах, которые я пробовал, кроме Safari на iPhone. В Safari для Windows он работает, как и ожидалось, но на iphone есть две проблемы:

• Затемнение остальной части страницы происходит только в верхней части страницы, относительно высоты области просмотра (скажем, верхних 400 пикселей страницы), все, что ниже, остается без изменений.
• Изображение большего размера размещается точно в середине страницы, а не в центре области просмотра.

Я читал где-то здесь на SO, что jquery должен нормально работать на iphone, но поскольку позиционирование и замирание кажутся основными функциями jquery, я думаю, что, возможно, это не совсем так. Это может быть, конечно, плагин ...

Итак, мои вопросы: действительно ли jquery работает на iphone, и если нет, кто-нибудь знает, как заставить его работать?

Большое спасибо!

Answer 1

jQuery отлично работает на iPhone. Mobile Safari - это тот же стандартный браузер, что и настольный компьютер. На самом деле, лучше, с точки зрения принятия некоторых правил CSS. JavaScript любого вида работает просто отлично, если он вписывается в различия между пользовательским интерфейсом iPhone (например, без наведения мыши).

Я думаю, что вопрос лучше сформулировать как «Работает ли Slimbox2 с Mobile Safari?»

Answer 2

Я знаю, что это старше полутора лет, но здесь на случай, если это поможет кому-то еще:

Полагаю, это, вероятно, проблема с вашим плагином, использующим position:fixed для создания наложения (упомянутое вами "затемнение страницы"), а также контейнера для самого большого изображения. Веб-поиск позиции: исправлено в Mobile Safari, что даст вам больше информации на эту тему!

Похоже, что, поскольку Mobile Safari рассматривает "область просмотра" как целую страницу , а не только видимую часть, position: fixed имеет тенденцию работать не так, как нам хотелось бы ожидать. У меня такая же проблема с другим плагином jQuery, который создает для меня «модальное» окно с симптомами, очень похожими на те, что вы описали.

В настоящее время я пытаюсь обойти это путем (A) устранения позиции: фиксированной и перехода в положение: абсолютное, в то время как (B) установки высоты и «верха» вручную на основе всей высоты тела и scrollTop окна собственность jquery. Я думаю, что здесь может помочь какой-нибудь старый добрый нюхающий браузер, так как пока этот «взлом» действительно нужен только для этого одного браузера.

Answer 3

Переполнение стека работает на iphone, согласно Джеффу на одном из ранних подкастов, а переполнение стека использует jQuery, так что это будет да, jQuery работает на iphone.

Это может быть ошибка в Safari. Попробуйте на яблочной машине и посмотрите, работает ли он там тоже.