Question

我在jquery 移动中使用非ajax 导航,因为我想在每页上加载并运行一个特定的脚本。但是问题在于,当我在jquery 移动中使用非ajax 导航时,该装载器没有出现。我通过使用 ajax 来禁用 ajax 。

data-ajax="false"

每个锚链都有

是否有快速方式显示每个页面转换的装载器, 而不必写自定义函数?

Answer 1

我不认为使用ajax 残疾的旋翼机是可能的。我的意思是, 您可以在页面加载前或加载后闪烁一秒钟, 但是这有点不符合目的。但是, 我确实知道在特定页面上装入和运行特定脚本是可能的。所以, 您的问题应该是我如何在 JQM 页面中操作特定的脚本?

绑定到 pageinit 将帮助您执行您自己对特定页面的 Javascript 。只有当 JQM 页面加载了页2 的 ID 时, 才会执行以下操作。只需将其放在外部脚本中, 并将其链接到您页面的头部。

$(document).on( pageinit , #page2 ,function(){
    $( #appendMe ).append( This text was appended );    
});

如果您想要装入外部脚本/ library 使用 $.getScript () ; 方法。在我的例子中, 我将装入并执行 < a href=" http://fgnas.github.com/ spin.js/ " rel=" nofollow" >spin.js 库, 当装入页3 的 JQM 页面时, 请使用 $. getScript () ; 方法。 Spin.js 只会在页面中放一个小旋转符。

$(document).on( pageinit , #page3 ,function(){
    $.getScript( http://fgnass.github.com/spin.js/dist/spin.min.js , function(){
        //the following code gets executed after spin.js is loaded
        var opts = {
            lines: 13, // The number of lines to draw
            length: 7, // The length of each line
            width: 4, // The line thickness
            radius: 10, // The radius of the inner circle
            rotate: 0, // The rotation offset
            color:  #000 , // #rgb or #rrggbb
            speed: 1, // Rounds per second
            trail: 60, // Afterglow percentage
            shadow: false, // Whether to render a shadow
            hwaccel: false, // Whether to use hardware acceleration
            className:  spinner , // The CSS class to assign to the spinner
            zIndex: 2e9, // The z-index (defaults to 2000000000)
            top:  auto , // Top position relative to parent in px
            left:  auto  // Left position relative to parent in px
        };
        var target = document.getElementById( spin );
        var spinner = new Spinner(opts).spin(target);
    });
});

这里是","http://jsfiddle.net/codaniel/yQNJF/1/" rel="nofollow">jsfidle 来说服你,我不是瞎编的。

Answer 2

有一种客户端方法来显示/隐藏装载器 :

$.move.showPageloadingMsg ();

$.mobile.hidePageloadingMsg ();

友情链接