hypweb.net
XOOPSマニア  最新情報のRSS(サイト全体)
[ 自宅サーバーWebRing |ID=54 前後5表示乱移動サイト一覧 ]

TOP » UsersWiki » nao-pon » blog » 2011-09-18

RSS of nao-pon/blog
2011 9月 18 (日)
 

jQuery mobile でのハッシュによるアンカー付きリンク anchor.png

携帯対応レンダラーで使用している jQuery mobile ですが、URLハッシュ値によるページ内アンカーや他ページからのアンカー付きリンクが多い XOOPS では、Ajax によるページ変遷を下記の設定で無効にしています。

Everything is expanded.Everything is shortened.
1
2
3
4
5
6
7
 
-
|
|
|
|
!
jQuery.noConflict();
jQuery(document).bind("mobileinit", function(){
    jQuery.mobile.ajaxEnabled = false;
    jQuery.mobile.ajaxLinksEnabled = false;
    jQuery.mobile.ajaxFormsEnabled = false;
    jQuery.mobile.hashListeningEnabled = false;
});

ページ内アンカーリンクについては問題ないのですが、他ページからのアンカー付きリンクでアクセスすると、一旦該当のアンカーに画面移動してからページ読み込み完了後にページトップに戻ってしまう(ロケーションバーを隠すための jQuery mobile の機能)ので、とても使いづらいです。

そこで、ちょっと jquery.mobile.min.js をいじって、アンカー付きリンクの場合はページトップに移動しないようにしてみました。

これで、今のところ快適に動作しています。

と思ったけど、上手く動作してなかった。 :cry:

再考するした。

  • jQuery mobile 1.0 beta 3
    • Before
      Everything is expanded.Everything is shortened.
      1780
      1781
      1782
      1783
      
      -
      -
      |
      !
      
              silentScroll: function( ypos ) {
                  if ( $.type( ypos ) !== "number" ) {
                      ypos = $.mobile.defaultHomeScroll;
                  }
    • After
      Everything is expanded.Everything is shortened.
      1780
      1781
      1782
      1783
      1784
      1785
      1786
      1787
      
      -
      -
      -
      |
      -
      |
      !
      !
      
              silentScroll: function( ypos ) {
                  if ( $.type( ypos ) !== "number" ) {
                      if (!$.mobile.hashListeningEnabled && location.hash) {
                          ypos = $(location.hash).offset().top;
                      } else {
                          ypos = $.mobile.defaultHomeScroll;
                      }
                  }
  • この改造を反映した jquery.mobile.min.js (1.0 beta 3)


トップ   凍結 差分 バックアップ 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
Counter: 586, today: 1, yesterday: 0
初版日時: 2011-09-18 (日) 12:17:20
最終更新: 2011-09-18 (日) 15:22:12 (JST) (4566d) by nao-pon
このページのTopへ
メインメニュー
ログイン

ユーザー名:


パスワード:





パスワード紛失  |新規登録
最近の更新
オンライン状況
145 人のユーザが現在オンラインです。 (5 人のユーザが UsersWiki を参照しています。)

登録ユーザ: 0
ゲスト: 145

もっと...
サイト情報