戻る

リンク

スムーズに遷移するリンクを作る

同一ドメイン内のリンクであれば、 通常のアンカータグ(a)を記述するだけで自動的にスムーズなリンクに なります。

<p>
同一ドメイン内の<a href="chapter725.html">リンク</a>であれば、
通常のアンカータグ(a)を記述するだけで自動的にスムーズなリンクに
なります。
</p>

Ajaxを用いないリンクを作る(1)―外部ドメインへのリンク

ドメインの異なるページへはリンク するような場合は、ページ遷移はスムーズにならず、通常のWebページに あるようなリンクになります。

<p>
ドメインの異なるページへは<a href="http://www.yahoo.co.jp/">リンク</a>
するような場合は、ページ遷移はスムーズにならず、通常のWebページに
あるようなリンクになります。
</p>

Ajaxを用いないリンクを作る(2)―論理的外部サイトへのリンク

このリンクは、 同一ドメインですが論理的に異なるサイトへのものです。

<p>
この<a href="jqm1/index.html" rel="external">リンク</a>は、
同一ドメインですが論理的に異なるサイトへのものです。
</p>

Ajaxを用いないリンクを作る(3)―Ajaxを用いないことを明示する

このリンクは、 構造的に同一サイトのリンクであっても技術的な理由などからスムーズ なページ遷移を行わせたくない場合につくるものです。

<p>
この<a href="chapter725.html" data-ajax="false">リンク</a>は、
構造的に同一サイトのリンクであっても技術的な理由などからスムーズ
なページ遷移を行わせたくない場合につくるものです。
</p>

Ajaxを用いないリンクを作る(4)―ターゲットを指定する

このリンクは、ターゲットを指定した ものです。スムーズなページ遷移にはなりません。

<p>
この<a href="chapter725.html" target="_blank">リンク</a>は、ターゲットを指定した
ものです。スムーズなページ遷移にはなりません。
</p>

特殊なリンクを作る(1)―ブラウザの「戻る」リンク

このリンクは、ブラウザの「戻る」 ボタンと同等の動作をします。

<p>
この<a href="/" data-rel="back">リンク</a>は、ブラウザの「戻る」
ボタンと同等の動作をします。
</p>

特殊なリンクを作る(2)―ページ遷移しないリンク

このリンクは、まったくページ遷移しません。通常の ページのように、ページ内アンカーとして先頭に戻るようなこともありま せん。

<p>
この<a href="#">リンク</a>は、まったくページ遷移しません。通常の
ページのように、ページ内アンカーとして先頭に戻るようなこともありま
せん。
</p>

ページ遷移時の効果を変える(1)―slide

slide
<a href="chapter725.html" data-transition="slide">slide</a>

ページ遷移時の効果を変える(2)―slideup

slideup
<a href="chapter725.html" data-transition="slideup">slideup</a>

ページ遷移時の効果を変える(3)―slidedown

slidedown
<a href="chapter725.html" data-transition="slidedown">slidedown</a>

ページ遷移時の効果を変える(4)―pop

pop
<a href="chapter725.html" data-transition="pop">pop</a>

ページ遷移時の効果を変える(5)―fade

fade
<a href="chapter725.html" data-transition="fade">pop</a>

ページ遷移時の効果を変える(6)―flip

flip
<a href="chapter725.html" data-transition="flip">flip</a>

ページ遷移時の効果を逆回転にする

slide
<a href="chapter725.html" data-transition="slide"
 data-direction="reverse">slide</a>

メッセージを変える(1)―ローディングメッセージを変える

$(document).bind("mobileinit",function(){
	$.mobile.loadingMessage = "ページ読み込み中...";
});

メッセージを変える(1)―読み込みエラーメッセージを変える

$(document).bind("mobileinit",function(){
	$.mobile.pageLoadErrorMessage = "ページの読み込みに<br>失敗しました";
});

リンクをプリフェッチにする

<a href="chapter725.html" data-prefetch>このリンクはプリフェッチにより高速に
遷移します。</a>
inserted by FC2 system