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

19年8月26日(Mon) 15時09分
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)


Post a new comment

Subject
guestname
Body

Go to richer form

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: 10418, today: 2, yesterday: 2
Princeps date: 2011-09-18 (Sun) 12:17:20
Last-modified: 2011-09-18 (Sun) 15:22:12 (JST) (2898d) by nao-pon
このページのTopへ
ログイン
ユーザ名:

パスワード:

オートログイン

Basic 認証

Register now! | Lost Password?



メインメニュー
UsersWiki メニュー
付箋メニュー
Fusen(Tag) menu 
Tag Editor
Color: BG:
Name:  Connect line ID:
 
ブックマーク
Please log in to use it.
[Login]
サイト内 Wiki
☆ 検索 ☆



高度な検索(サイト内)
FireFox検索プラグイン
オンライン状況
合計 56 人がオンライン中 :-)
(UsersWiki : 4 人)

登録ユーザ: 0 & ゲスト: 56

もっと...
サイト情報
管理人

nao-pon
 

登録ユーザ数: 4612


Web Services by Yahoo! JAPAN
楽天ウェブサービスセンター
Amazon.co.jpアソシエイト
現在ページのQRコード
現在ページのQRコード
[携帯対応]
参照元情報