jQuery Mobileの初期設定 -jQuery Mobieを利用時にページ内リンクさせたい-
公開日: : IT, jQueryMobile
前提
jQuery Mobileを利用していて、以下のタグを使ってページ内遷移したいことがありました。
しかし、jQuery Mobileを利用しているときは、以下のタグを使ってページ内遷移はできません。
<a href="#sample">飛ぶ</a> //略 <a name="sample">サンプル</a>
jQuery Mobileを利用している場合、以下のように1ページ内にタグを使って飛ばすことは出来ます。
しかし、これはあくまでも別ページが表示される形でありページ内遷移ではありません。
※複数ページテンプレート
<div data-role="page"> <a href="#sample">飛ぶ</a> </div> <div data-role="page" id="sample"> サンプル </div>
解決策
「複数ページテンプレート」を使わない場合のみ、以下の設定をすることで対応することが出来ます。
$.mobile.hashListeningEnabled = false;
以下のような形で、初期設定として読みこませればOKです。
$(document).bind("mobileinit", function(){ $.mobile.hashListeningEnabled = false; });
※この設定をfalseにしてしまうと「複数ページテンプレート」ができなくなってしまう点に注意です。
参考
広告
関連記事
-
TestLink1.91のバグの修正方法
どうやらTestLink1.91にはバグがあるようなので、修正方法を以下に記述。 Test
-
iPhoneアプリ開発 -UIScrollViewでタッチを取得-
* やりたいこと UIScrollViewでタッチを取得する。 * 方法 通常のUIScrollV
-
CakePHP1.3でテストコード(2) -フィクスチャをいじってみる(テストデータの動的登録)-
cakePHP1.3でのSimpleTestを使ったテストケースの第2回目。 今回は、動的にテストデ
-
iPhoneアプリ開発 −iOS6からの「写真」へのアクセス問題−
写真を扱うアプリを開発している際に問題になったこと。 ※結構前の話を今更まとめてみる。 * 写真へ
-
iPhoneアプリ開発 芳名帳アプリ作成(2) -記帳画面作成-
* 今までの流れ - * 画面構成 今回の芳名帳アプリは以下の画面で構成しています。 -
-
Androidアプリ開発 -9patchで吹き出し画像を作る-
* やりたいこと TextViewで文字を表示させ、背景画像に吹き出し画像を設定した場合。 文字
-
iPhoneアプリ開発 芳名帳アプリ作成(1) -最初の一歩-
* 作るアプリ 結婚式や2次会で「自分の名前を書く」芳名帳 これをアプリで作ってみます。
-
iPhoneアプリ開発 -Bundle identifierを変えてはまった-
* 現象 Bundle identifierを変えた際にXcodeで実機に転送しようとすると以下のエ
-
iPhoneアプリ開発 −遷移先のViewControllerに値を引き継ぎたい−
例えば、トップページに複数個のボタンがあって、「A」と「B」というボタンを押下した際に、同じView
-
MySQLのバックアップ手順 -消えたら困るものはバックアップ-
そろそろデータが消えてもらったら困るぐらいになっていたのでバックアップをとることにしました。 とい
Comment
上記スクリプトを設置したのですが、やはりページ内リンクができない状態です。
スクリプトの設置場所はhtml上なのが問題なのでしょうか?
どのように書いたかわかりませんが、htmlファイルに以下のように書いてもダメでしたか?
こじまさんと同じ状況におかれているものです。
としさんのアドバイスどおりhtmlファイルに上記のものを記述させていただきましたが、一向にリンクが出来ない問題が解決できませんん。(内部リンクのみとばない。)
無知で申し訳ないのですが、他に何か解決策はありませんでしょうか?
気がつくのが遅くなって申し訳ないです。
他に、linkBindingEnabledをfalseにするといいかもしれないです。