jQuery移动页面容器更改不工作的滑动

jQuery mobile pagecontainer change not working on swipe

本文关键字：工作 移动 jQuery      更新时间：2023-09-26

我正在使用jqm 1.4.5。

我希望当用户左右滑动时页面会发生变化。
所以我创建了这个代码:

$( document ).on( "pageinit", ".my-page", function() {
    $( document ).on( "swipeleft swiperight", ".my-page", function( e ) {
        var prevLink = <some url>;
        var nextLink = <some url>;
        if ( e.type === "swipeleft"  ) {
            $( ":mobile-pagecontainer" ).pagecontainer( "change", nextLink, { reloadPage: true});
        } else if ( e.type === "swiperight" ) {
            $( ":mobile-pagecontainer" ).pagecontainer( "change", prevLink, { reloadPage: true});
        }
    }
});

我在控制台日志中得到这个错误:

Uncaught TypeError: Cannot read property '0' of undefined

与此代码行:

$( ":mobile-pagecontainer" ).pagecontainer( "change", nextLink, { reloadPage: true});

于是经过很长时间的搜索，我找到了答案。
只需更改:

$( ":mobile-pagecontainer" ).pagecontainer( "change", nextLink, { reloadPage: true});

: 

$.mobile.pageContainer.pagecontainer("change", nextLink);

效果很好:-)

相关文章：