Вкладки jquery обрезают содержимое на iPad Safari

Когда впервые вышел iPad, я модифицировал свой веб-сайт, чтобы использовать вкладки jQuery, и все работало во всех браузерах, включая iPad Safari. Но в последнем iPad Safari вкладки jQuery отсекают содержимое. [РЕДАКТИРОВАТЬ: когда я написал «последний», был доступен только iPad1; сайт с вкладками отлично работает на iPad2! Проблема возникает только на iPad1. ааа] Другие браузеры продолжают нормально работать. Объем контента значительно варьируется от вкладки к вкладке, а текстовое содержимое на отдельных вкладках может быть довольно длинным, учитывая ориентированность веб-сайта на документы. я пробовал гуглить

   jQuery tabs iPad site: stackoverflow.com

но не смог найти ничего, относящегося к этой конкретной проблеме, хотя это обсуждение SO от 2009 года , где высота вкладки явно установлена ​​на размер, требуемый вкладкой с наибольшей высотой, может быть обходным путем. Спасибо за любые предложения/ссылки для дальнейшего чтения.


ipad jquery-ui-tabs
person Tim    schedule 20.03.2011    source источник
comment
Я обошел проблему усечения содержимого на iPad1, используя вместо этого ajax-вкладки jQuery UI: вместо того, чтобы получать содержимое из DIV в том же документе, вкладка использует внешний «документ» для своего содержимого — если быть точным, не документ, а просто большой кусок HTML-разметки — без разделов DOCTYPE, HEAD и BODY.   -  person Tim    schedule 07.09.2011

Ответы (1)


arrow_upward
1
arrow_downward

Сталкивались ли вы с особенностями метатегов для iOS? Сафари? Я предполагаю, что метатег области просмотра может помочь решить эту проблему, например.

<meta name = "viewport" content = "height = device-height, initial-scale = 1.0">
person William Niu    schedule 21.03.2011
comment
Я проверю это и доложу. Спасибо за ссылку. - person Tim; 22.03.2011
comment
Мета-тег не имеет желаемого эффекта. То, что раньше работало, больше не работает, и изменился не мой код. - person Tim; 23.03.2011
comment
Вероятно, было бы полезно, если бы вы могли опубликовать немного кода и / или снимок экрана с усеченным контентом. - person William Niu; 23.03.2011
comment
код до боли прост — всего лишь стандартное объявление табуляции jQuery с использованием элементов LI. Как я уже сказал, он работает ВЕЗДЕ, кроме текущей версии iPad Safari. Это не мой код. Это какая-то капризность iPad Safari, когда документ большой, а длина содержимого отдельных DIVS (вкладок) значительно различается. Что касается усечения, просто представьте себе глоссарий слов от А до Я, который обрывается на букве Н. - person Tim; 07.04.2011