Как я могу оформить мобильную загрузочную машину jquery - PullRequest
Новая
       2

Как я могу оформить мобильную загрузочную машину jquery

0 голосов
/ 18 января 2012

Я хочу применить некоторые пользовательские стили к диалогу загрузки jquery, но не могу найти что-либо в документации, чтобы сделать это.

Ответы [ 2 ]

5 голосов
/ 18 января 2012

Когда вы не можете найти никаких документов, где вы смотрите?Исходный код.

Я посмотрел 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...
0 голосов
/ 25 марта 2013

Документ 1.1.0 показывает примеры и демонстрацию по адресу:

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

...