Мобильный диалог jquery не открывается при загрузке первой страницы

Question

У меня проблема с использованием многостраничного диалога в соответствии с документацией. У меня возникает проблема, когда при первом посещении страницы, на которой есть диалоговое окно (многостраничное), нажатие кнопки, которая открывает диалоговое окно, не работает. Однако, если я обновлю страницу и снова нажму кнопку, диалоговое окно отобразится нормально. Это происходит на ВСЕХ устройствах.

Есть идеи, с чего начать? Я проверил валидацию кода, и единственное, чего не хватает, - это некоторые теги alt на некоторых изображениях.

Вот ссылка:

http://bit.ly/wTnpgi

Нажмите «Галереи», затем «Просмотреть галереи»

ОБНОВЛЕНИЕ 1

Я нашел интересный результат. Если я захожу на страницу с другой страницы по ссылке (то есть: перейти в галерею с домашней страницы), диалог не работает. НО, если я перейду непосредственно к URL через адресную строку веб-браузера, это сработает. Итак, это что-то, связанное с загрузкой реферальной страницы и, возможно, с помощью ajax.

Answer 1

Я понял это. Я читал все дальше и дальше в документах и ​​наткнулся на этот параграф на http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html:

Важно отметить, что вы ссылаетесь на мобильную страницу, которая была загружается через Ajax на страницу, которая содержит несколько внутренних страниц, вы необходимо добавить rel = "external" или data-ajax = "false" к ссылке. это говорит фреймворку выполнить полную перезагрузку страницы, чтобы очистить Ajax хеш в URL. Это важно, потому что страницы Ajax используют хеш (#) отслеживать историю Ajax, в то время как несколько внутренних страниц используют хэш указать внутренние страницы, чтобы в хэше возникали конфликты между этими двумя режимами.

Например, ссылка на страницу, содержащую несколько внутренних страниц, будет выглядеть так: Многостраничный ссылка

Когда я добавляю rel к реферальной ссылке, это работает. Веселые времена.