0

誰でも私を正しい方向に導き、Web サイトに 3 つのページを作成し、JQuery モバイルからスワイプ要素を組み込んで、iPad の使用のために、最初のページ (紹介) から次のページ (概要) へのスワイプに成功し、戻ることができます..しかし、サイトをさらにスワイプして、（概要ページ）スワイプから3ページ目（プロパティ）に移動することはできません...私のコードは次のとおりです。

先頭ページ...

<script type="text/javascript">
$(function () {
        $("body").live('swiperight', function (event, ui) {
            $.mobile.changePage("introduction.html", "slide");
        });

        $("body").live('swipeleft', function (event, ui) {
            $.mobile.changePage("overview.html", "slide");
        });
    });
</script>

2 ページ目...

<script type="text/javascript">
$(function () {
        $("body").live('swiperight', function (event, ui) {
            $.mobile.changePage("introduction.html", "slide");
        });

        $("body").live('swipeleft', function (event, ui) {
            $.mobile.changePage("properties.html", "slide");
        });
    });
</script>
4

1 に答える 1

1

changePage を使用すると、jQuery モバイルは新しいページに移動しません。新しいページの一部（あなたの場合は本文）のみを取得し、現在のページにロードします。

したがって、最初のスワイプの後、2 番目のページが読み込まれますが、すべてのパラメーターはまだ最初のページからのものです。さらにスワイプすると、既にロードされている 2 番目のページをロードしようとするようなものです....それ以上のアクションはありません。

たとえば、 <div id="firstpage">...</div> JavaScript で各ページ コンテンツを一意の ID でラップし、次のように変更します。

$("#firstpage").live('swiperight', function (event, ui) {
        $.mobile.changePage("introduction.html", "slide");
    });
于 2013-11-16T06:53:38.833 に答える