滑动页面过渡?

时间:2013-04-30 04:19:56

标签: jquery ios mobile navigation swipe

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

dtc-wsuv.org/jcohen/strings

谢谢!

1 个答案:

答案 0 :(得分:0)

根据您的源代码,您可以尝试使用on()而不是live,因为jQuery 1.7版中不推荐使用live,并且将代码包装在$(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);
    }
});
})