jQuery mobileでリンクしたURLがindex.html#sample.htmlと不自然になるのを解消する方法

jQuery mobileを利用して普通にリンクを設置するとリンク先のURLが以下のようになります。

http://www.myu-zin.com/demo/iphone/html5.html#/demo/iphone/index.html

Ajaxにより設定が継承されるためです。
場合によってはHTML内のIDやcssが重複することにも注意しなければいけないかもしれません。
以下の記述によってリンク先のURLを

http://www.myu-zin.com/demo/iphone/html5.html

のようにすることができます。

 rel=”external”をa タグに追加します。


<li><a href="html5.html" data-transition="slidedown" rel="external">HTML5</a></li>
<li><a href="css3.html" data-transition="slidedown" rel="external">CSS3</a></li>

上記の記述で通常のリンク設定が可能です。
jQuery mobileを使ったサイト構築は以下の記事を参考にしてください。(2011/7月27日)

jQuery mobileフレームワークとHTML5,CSS3でiPhoneサイトを作る

 

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください