お知らせ・ブログ

HOME > お知らせ・ブログ > ディレクターブログ > jQuery Mobile のリンクはクセモノです^^;

BLOGディレクターブログ

jQuery Mobile のリンクはクセモノです^^;

只今、自社サイトのスマートフォン版のページを作っているのですが、ちょっと困ったことがおきました。

ページ内をスルスルってスムーズにスクロールするJS
Page Scroller ver.3
を使わせてもらってるのですが、どうしてもこの効果が効かないんです。

で、いろいろあっちいじり、こっちいじりしてたのですが、解決できなくて…。
ふと思ったのですが、ページ遷移した時にアドレスバーを見るとURLがおかしいんです。

なので、ページを再読み込みしてみると、きちんとしたURL表示になって、
で、スムーズスクロールを試すと何事も無かったように、スルスル〜っと動きました!

ページ遷移したそのままだと、スムーズスクロールしないのですが、再読み込みをした後だと動くんですね。

ということで、的は絞れました。
ネット検索で調べてみると、答えが見つかりました♪

どうやら、 jQuery Mobile というものは、常にAjaxで画面遷移してるのだそうです…。
なので、前のページのIDやら何やらが引き継がれてしまうと…。

Ajaxを使わないでページ遷移させることも可能だそうで、それを試したら無事に完璧な動作になりました^^;

aタグに data-ajax=”false” を追記すればOKです。

<a href=”xxx.html” data-ajax=”false”>XXX</a>

という感じです。

しかし面倒ですよ。これ。
全てのリンクにこれ書かなきゃなんだから…。

いずれにしても解決できて良かったです。
ありがとうございました〜。

このページからの情報を元に解決できました。)

トラックバック URL :
カレンダー
2017年12月
« 8月    
 12
3456789
10111213141516
17181920212223
24252627282930
31  
最近の投稿
お問い合せ TEL:0276-60-5440(受付時間:10:00~LAST)/メールのお問い合せはこちら(受付時間:24時間) メールでのお問い合せはこちら

【打ち合わせ等で出張可能な地域】

群馬県

栃木県

埼玉県

茨城県

日本全国どこでも受注可能です。

※上記以外の地域でも、案件の内容によっては出張打ち合わせが可能な場合もあります。お気軽にご相談ください。

ホームページ制作 WEBシステム開発 株式会社ディーアイシー 携帯サイト

お問い合せ

お電話:0276-60-5440

メール:お問い合せフォームはこちら

メールでのお問い合せはこちら