Question

我想在jquery加载对话框中应用一些自定义样式，但在文档中找不到任何内容来执行此操作。

Answer 1

当你找不到任何文档时，你在哪里看？源代码。

我在https://github.com/jquery/jquery-mobile/blob/master/js/jquery.mobile.init.js向上查了showPageLoadingMap。相关部分转载于此：

showPageLoadingMsg: function() {
    $html.addClass( "ui-loading" );
    if ( $.mobile.loadingMessage ) {
        var activeBtn = $( "." + $.mobile.activeBtnClass ).first();

        $loader
            .find( "h1" )
                .text( $.mobile.loadingMessage )
                .end()
            .appendTo( $.mobile.pageContainer );

        checkLoaderPosition();
        $window.bind( "scroll", checkLoaderPosition );
    }
},

此处，$html只是对$('html')的引用，$loader之前定义为：

// loading div which appears during Ajax requests
// will not appear if $.mobile.loadingMessage is false
var $loader = $( "<div class='ui-loader '><span class='ui-icon ui-icon-loading'></span><h1></h1></div>" );

所以看起来你可以适当地调整这些元素/类的样式。 css选择器可能如下所示：

body.ui-loader { ... }
div.ui-loader { ... }
div.ui-loader span.ui-icon-loading { ... }
div.ui-loader h1 { ... }
...etc...

Answer 2

1.1.0 doc在以下位置显示了示例和演示：

http://jquerymobile.com/demos/1.1.0/docs/config/loadingMessageTextVisible.html

如何设置jquery移动加载微调器的样式

2 个答案: