JQuery Mobile AJAX навигации

Question

Я только что начал пользоваться зубами в мобильном jQuery (и пока это выглядит действительно интересно).

Я прочитал отличный учебник на elated.com , одна часть которого была о переходах страниц / ajax-навигации. Это выглядит великолепно (на моем iPhone), но если вы посмотрите на источник, то все на одном и том же листе HTML.

То, что я хочу / нужно, это указать на другой URL-адрес и, если возможно, произойдет тот же эффект.

Я читал здесь информацию о data-url, но я не могу заставить что-либо работать.

Вот очень грубый пример кода, который явно не работает:

<p><a href="#" data-url="test.html" data-transition="flip">My test link</a></p>

Какой правильный код? Это вообще возможно?

Answer 1

попробуй <a href="test.html">link</a>

кажется слишком очевидным?;)

data-url - это атрибут, который имеет div страницы, когда она загружена.Все страницы загружаются в AJAX в текущий DOM, и они легко находят этот атрибут.

Answer 2

добавьте тег: data-ajax="false" ко всему, для чего вы хотите явно загрузить новую страницу, например:

<a href="xyz.html" data-ajax="false">Link</a>

В качестве альтернативы вы можете использовать собственный якорь target тег

Answer 3

С http://jquerymobile.com/test/docs/pages/page-links.html

Поведение ссылки по умолчанию: Ajax

Чтобы включить анимированные переходы страниц, все ссылки, которые указывают на внешнюю страницу (например, products.html), будут загружаться через Ajax. Чтобы сделать это ненавязчиво, платформа анализирует href ссылки, чтобы сформулировать запрос Ajax (Hijax), и отображает счетчик загрузки. Все это происходит автоматически с помощью jQuery Mobile.

Если запрос Ajax выполнен успешно, новое содержимое страницы добавляется в DOM, все мобильные виджеты автоматически инициализируются, а затем новая страница отображается в виде с переходом страницы.