apqcrollTop插件,jqm在页面更改时失败

时间:2016-07-03 11:11:34

标签: jquery-mobile

apScrollTop插件在jqm页面更改时搞砸了。我试图在页面更改时销毁它,并在几毫秒后重新启动它,没有运气。

git源显示一个destroy调用.. https://github.com/armin-pfaeffle/ap-scroll-top/blob/master/lib/js/ap-scroll-top.js

    $(document).on( "pagecontainerchange", function() {
        $.apScrollTop().destroy;
        setTimeout(function () {
            handleUp();
        },200);             
    });

function handleUp() {
        $.apScrollTop({
            'onInit': function(evt) {
                console.log('apScrollTop: init');
            }
        });

        // Add event listeners
        $.apScrollTop().on('apstInit', function(evt) {
            console.log('apScrollTop: init');
        });

        $.apScrollTop().on('apstToggle', function(evt, details) {
            console.log('apScrollTop: toggle / is visible: ' + details.visible);
        });

        $.apScrollTop().on('apstCssClassesUpdated', function(evt) {
            console.log('apScrollTop: cssClassesUpdated');
        });

        $.apScrollTop().on('apstPositionUpdated', function(evt) {
            console.log('apScrollTop: positionUpdated');
        });

        $.apScrollTop().on('apstEnabled', function(evt) {
            console.log('apScrollTop: enabled');
        });

        $.apScrollTop().on('apstDisabled', function(evt) {
            console.log('apScrollTop: disabled');
        });

        $.apScrollTop().on('apstBeforeScrollTo', function(evt, details) {
            console.log('apScrollTop: beforeScrollTo / position: ' + details.position + ', speed: ' + details.speed);

        });

        $.apScrollTop().on('apstScrolledTo', function(evt, details) {
            console.log('apScrollTop: scrolledTo / position: ' + details.position);
        });

        $.apScrollTop().on('apstDestroy', function(evt, details) {
            console.log('apScrollTop: destroy');
        });

}

还有一些关于良好的jqm和页面更改兼容的建议Scroll up thingie将是最受欢迎的。

0 个答案:

没有答案