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

Question

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

Answer 1

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

我抬起头,showPageLoadingMap在https://github.com/jquery/jquery-mobile/blob/master/js/jquery.mobile.init.js.相关部分转载于此:

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...