1

我想在我正在构建的网站的移动版本的图片库上拥有一些滑动功能，所以我一直在使用 jQuery，我想我会使用 jQuery Mobileswipeleft和swiperight事件。这一切都很好，但我注意到当页面加载时，我会在页面上看到加载这个词。

这是加载小部件吗？如果是这样，我该如何设置它以使其不显示？

4

2 回答 2

3

您可以使用以下命令将其关闭：

$( document ).bind( 'mobileinit', function(){
    $.mobile.loader.prototype.options.text = "loading";
    $.mobile.loader.prototype.options.textVisible = false;
    $.mobile.loader.prototype.options.theme = "a";
    $.mobile.loader.prototype.options.html = "";
});

还很高兴知道这个块必须在 jQuery Mobile 在 HEAD 中初始化之前进行初始化，如下所示：

<!DOCTYPE html>
<html>
<head>
    <title>jQM Complex Demo</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>          
    <script>
        $( document ).bind( 'mobileinit', function(){
            $.mobile.loader.prototype.options.text = "loading";
            $.mobile.loader.prototype.options.textVisible = false;
            $.mobile.loader.prototype.options.theme = "a";
            $.mobile.loader.prototype.options.html = "";
        });     
    </script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>    
</head>

在此处找到有关此功能的更多信息。

于 2013-03-04T17:21:28.570 回答
0

试试这个：

$(document).on("swiperight", "body", function() {
    $.mobile.changePage("#page1");
    $.mobile.hidePageLoadingMsg();
});

或者

$("body").on( "swipeleft swiperight", function( event ) {
    $.mobile.changePage("#page1");
    $.mobile.hidePageLoadingMsg();
});

不管你怎么做，重要的是

$.mobile.hidePageLoadingMsg();
于 2013-03-04T19:05:25.893 回答