后退按钮不工作与JQuery更改功能

Back button not working with JQuery change function

本文关键字：JQuery 功能 工作 按钮      更新时间：2023-09-26

我编写了一个小测试，用于在JQuery移动版的更改功能中使用滑动动画，并且我使该功能在一定程度上工作。我遇到的问题是后退按钮不转到上一页。我先从第一页翻到第二页，然后再翻到第五页。是否有一些我需要手动添加在我的javaScript，使它存储前一页正确?

下面是javaScript代码片段和正在运行的示例:

$(document).ready(function () {

    $('div[data-role="page"]').on("swipeleft", function(){
        var nextpage = $.mobile.activePage.next("[data-role=page]");
        if ( nextpage.length ) {
            $.mobile.pageContainer.pagecontainer('change', nextpage, {
                transition: "slide"
            });
        } 
    });
    $('div[data-role="page"]').on("swiperight", function(){
        var prevpage = $.mobile.activePage.prev("[data-role=page]");
        if ( prevpage.length ) {
            $.mobile.pageContainer.pagecontainer("change", prevpage, {
                transition: "slide", reverse: true
            });
        }
    });
});

谢谢。

您可以在您的页面上使用data-url属性，或者在change方法选项中使用dataUrl属性。

dataUrl(默认:undefined)

类型:字符串在change()完成时更新浏览器位置时使用的URL。如果未指定，则使用page元素的data-url属性的值。

下面是一个使用data-url属性的工作示例。

小提琴

可能在这里

$.mobile.pageContainer.pagecontainer('change', nextpage, {
    transition: "slide"
});

试试changePage也许?

$.mobile.changePage(nextpage, "slide", false, true);

相关文章：