滑动页面转换？

Question

我正在尝试使用滑动进行页面导航，但我的代码似乎已损坏。这只是我的第二个应用程序，我希望得到一些帮助。我在这里粘贴代码时遇到问题，但我已经上传了我在学校服务器上的内容，所以你可以从那里提取源代码 -

dtc-wsuv.org/jcohen/strings

谢谢！

Answer 1

根据您的源代码，您可以尝试使用on() 而不是live，因为live 在 jQuery 版本 1.7 中已弃用，并且将您的代码包装在 $(document).ready(function() { }) 或 $(function() { }) 中以让 jQuery 看到整个 DOM，所以：

$(document).ready(function() {
    $('.swipe').on("swipeleft", function () {
    var nextpage = $(this).next('div[data-role="page"]');
    if (nextpage.length > 0) {
        $.mobile.changePage(nextpage, "slide", false, true);
    }
});

$('.swipe').on("swiperight", function () {                                          
    var prevpage = $(this).prev('div[data-role="page"]');
    if (prevpage.length > 0) {
        $.mobile.changePage(prevpage, {
            transition: "slide",
            reverse: true
        }, true, true);
    }
});
})