jQuery Mobile мигает при переходах страниц на iPad

Question

У меня есть веб-приложение, созданное с помощью jQuery Mobile, которое прекрасно работает при использовании его в Safari на iPad. Однако, когда вы добавляете его на домашний экран, чтобы использовать его в качестве автономного приложения (с удаленной навигацией браузера, переходы страницы быстро «мигают» после каждого перехода страницы.

Я на этом гуглил и обнаружил, что мигание уже давно считалось ошибкой, и к настоящему времени должно быть исправлено. И, похоже, в Safari, но не так, как на домашнем экране. Кто-нибудь знает, что вызывает это и как это исправить?

Это как-то связано с тем, что там нет навигационной панели? Он отлично работает как автономный на iPhone, но только на iPad это происходит ...

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

Answer 1

Из текущего открытого вопроса, "Переход на страницу слайда вызывает перерисовку экрана на iOS 5 без хрома" , рекомендуется закомментировать pageTitle.focus () из функции reFocus.

Это, однако, не решило мою проблему.Я счел необходимым удалить как pageTitle.focus (), так и page.focus (), в основном всю функцию.

Эта проблема (и особенно изменение функции reFocus) также упоминается в выпуске 2474 .Это исправление для iOS4, которое не решило мою проблему с iOS5 на iPad.

Answer 2

Это известная ошибка.См. Статью в Приморском списке рассылки .

Рольф ван дер Флютен заметил:

• может произойти мерцание при использовании одного и того же #id более одного раза встраница, что весьма вероятно, когда вы используете метод шаблона одной страницы.поэтому не используйте # id более одного раза.

• Я не знаю, почему это происходит, но я обнаружил, что когда на моей первой странице был элемент, выделенный по умолчанию, мерцаниепроизошло, это было исправлено путем добавления:

  input {outline: none;}