2

jQuery Mobile Web アプリケーションを作成しています。

このリンクは正しく機能します:

<a href="/ThePage/25" data-transition="slidedown">Click Here 1</a><!--This is working-->

ただし、アンカーを持つこれらのリンクは機能していません。

<a href="/ThePage/25#3" data-transition="slidedown">Click Here 2</a><!--This is not working-->
<a href="/ThePage/25/#3" data-transition="slidedown">Click Here 3</a><!--This is not working-->

#これらのリンクを ajax ナビゲーションで機能させるにはどうすればよいですか?

編集:これらのリンクを含むページには、さまざまな記事へのリンクがいくつか含まれています。そして/ThePage/25、その記事の全文が含まれています。各リンクを 内のどこかに移動したい/ThePage/25。だから私は使用しまし#た。(#3ページの 3 番目の記事を意味します)... もっと良い方法を知りませんか?

編集 2:私は単にページを読み込んで表示しようとしていて、その中にジャンプしようとしています...

編集 3:そのページ内での私のジャンプは単純なジャンプではありません。これは、イベントでカスタム処理されたジャンプhashchangeです。でも、他に方法があれば、そのページを変更できます...

4

2 に答える 2

6

# アンカーがあり、ajax 経由で読み込みたくないリンクには rel="external" を追加します。

新しいリンクは次のとおりです。

<a href="/ThePage/25#3" rel="external" data-transition="slidedown">Click Here 2</a><!--This is not working-->
<a href="/ThePage/25/#3" rel="external" data-transition="slidedown">Click Here 3</a>

詳細については、 http://jquerymobile.com/demos/1.1.1/docs/pages/page-links.htmlを参照してください。

于 2012-09-04T18:55:07.983 に答える
2

このように JS からこれを使用してみることができ#ます。タグに問題がありました。

<a class='homeSet'>Home</a>

....

 $('body').on('click', '.homeSet', function(ev) {
    $.mobile.changePage('/home.html#myhome', {
        transition : "slide"
    });
    return false;
    });
于 2012-09-04T19:09:35.733 に答える