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

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

RSS of nao-pon/blog
Sun 18 Sep 2011
 

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)


Front page   Freeze Diff Backup Copy Rename ReloadPrint View   New Page Page list Search Recent changes   Help   RSS of recent changes (RSS 1.0) RSS of recent changes (RSS 2.0) RSS of recent changes (RSS Atom) Powered by xpWiki
Counter: 507, today: 1, yesterday: 0
Princeps date: 2011-09-18 (Sun) 12:17:20
Last-modified: 2011-09-18 (Sun) 15:22:12 (JST) (4392d) by nao-pon
このページのTopへ
メインメニュー
ログイン

ユーザー名:


パスワード:





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

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

もっと...
サイト情報