【问题标题】:show next page only when all images are loaded in jquery mobile仅在 jquery mobile 中加载所有图像时才显示下一页
【发布时间】:2011-11-15 13:25:56
【问题描述】:

是否有任何简单的方法或设置可以打开以允许使用 jquery mobile 进行此操作?

我只是使用普通的锚链接从一个页面导航到另一个页面并让 jquery mobile 默认行为适用,但问题是当下一页显示时,页面闪烁。

我想避免这种情况——此外,我还想仅在包括其图像在内的整个页面都已加载时才显示下一页。为我的应用带来更好的体验。

【问题讨论】:

    标签: jquery-mobile


    【解决方案1】:

    你可以试试

    $(window).load(function() {
        // do stuff when the entire doc and all assets have been loaed
    });
    

    或:http://jquerymobile.com/demos/1.0rc3/docs/api/events.html

    $( 'div' ).live( 'pageshow',function(event, ui){
        alert( 'This page was just hidden: '+ ui.prevPage);
    });
    

    更新

    $( '#pageNameHere' ).live( 'pageshow',function(event, ui){
        $(window).load(function() {
            // do stuff when the entire doc and all assets have been loaed
        });
    });
    

    【讨论】:

    • 两者都不起作用 - 由于某种原因, i $(window).load 只会在页面第一次在浏览器中加载时触发。当下一页出现时,即使您在该页面中有 $(window).load ,它也不会被触发。 pageshow - 不等待图像加载。
    猜你喜欢
    • 2013-04-03
    • 1970-01-01
    • 2015-11-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多