通常のHTMLによるリンクは、すべてjQuery Mobileで利用可能です。ユーザ体験を最良にするため、同一ドメイン下でのリンクについては自動的にAjaxにより遷移先のページを取得し、アニメーション付きの効果で切り替えるようにしています。
他ドメインへのリンクや rel=“external” 、 data-ajax=“false” あるいは target 属性を指定したものに関しては、Ajaxによるロードは行わずページ全体を切り替えます。もし複数ページを包含したHTML文書であった場合、リンクにページのIDをアンカーで付与(#foo)することで、直接リンクできます。
その他の mailto: や tel: のようなリンクに対しては、フレームワークは何もしません。そのまま、期待通り動作します。詳しくは Ajaxとハッシュ、履歴 を参照してください。
- Ajaxにより効果付きで遷移
- 同一ドメインへのリンク
- ダイアログ: data-rel=“dialog” (履歴に残りません)
- 完全切り替え
- 外部ドメイン
- 外部指定: rel=“external”
- 非Ajax指定: data-ajax=“false”
- ターゲット指定: target=“foo”
- Emailリンク
- 電話番号リンク
- Phone: wtai://wp/mc;15555555555
- Phone: dc:234*234*234
- その他
- href=”#” (遷移失敗で何も起きません)