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

19年2月21日(Thu) 1時52分
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: 9778, today: 1, yesterday: 5
初版日時: 2011-09-18 (日) 12:17:20
最終更新: 2011-09-18 (日) 15:22:12 (JST) (2712d) by nao-pon
このページのTopへ
ログイン
ユーザ名:

パスワード:

オートログイン

Basic 認証

新規登録 | パスワード紛失



メインメニュー
UsersWiki メニュー
付箋メニュー
付箋メニュー 
付箋の編集
文字色: 背景色:
お名前:  線接続id:
 
ブックマーク
オンサイトブックマークは
ログインするとご利用になれます
[ログインする]
サイト内 Wiki
☆ 検索 ☆



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

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

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

nao-pon
 

登録ユーザ数: 4598


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