Question

我已经转换了多页应用程序介绍单页，现在刷卡继续使用第一页的目标。

在我的第一页上我有：

$("li > a").click(function () {
    $(this).next().slideToggle();
});

使用HTML：

$(document).on('pageshow', '#firstPage', function() {
    $(document).on("swipeleft", function(event) {
        $("body").pagecontainer("change", "secondPage.html", {
            transition: "fade"
        });
        event.stopImmediatePropagation();
    });

    $(document).on("swiperight", function(event) {
        $("body").pagecontainer("change", "lastPage.html", {
            transition: "fade"
        });
        event.stopImmediatePropagation();
    });
});

它适用于第一页，但当我到达第二页时，它使用第一个目标 - secondPage.html和lastPage.html

我的第二页有这个：

<div data-role="page" id="firstPage" data-dom-cache="false">
<!--CONTENT -->
<!-- PAGE JS -->
</div>

和HTML：

$(document).on('pageshow', '#secondPage', function() {
    console.log('showing tags');
    $(document).on("swipeleft", function(event) {
        $("body").pagecontainer("change", "thirdPage.html", {
            transition: "fade"
        });
        event.stopImmediatePropagation();
    });

    $(document).on("swiperight", function(event) {
        $("body").pagecontainer("change", "firstPage.html", {
            transition: "fade"
        });
        event.stopImmediatePropagation();
    });
});

等等...

我必须补充一点，我在每个页面上的js代码都在页面的结束<div data-role="page" id="secondPage" data-dom-cache="false">   </div>之前......所以由AJAX加载。

我确实在多页模板上工作，但是应用程序变得非常大，为了简单起见，我决定将其拆分为单独的页面。

单页上的Jquery移动滑动使用第一页目标

0 个答案: