Как использовать Spinner Awesome с jQuery Mobile

Я пытаюсь использовать Spinner Font Awesome в качестве замены загрузчика jQuery Mobile. Вот мой код:Как использовать Spinner Awesome с jQuery Mobile

 <script type="text/javascript"> 
      $(document).bind('mobileinit', function() 
      { 
       $.mobile.loading("show", 
       { 
        text: "", 
        textVisible: false, 
        theme: "z", 
        html: "<i class='fa fa-spinner fa-5x fa-spin'></i>" 
       }); 
      }); 
</script>

Это не работает. Что я делаю не так? Если я поставлю тег «i», содержащий fa-spinner на самой странице, я могу увидеть счетчик. Это просто не включается в JQM (я использую JQM 1.4.0)

источник

2014-01-21 Tom Schreck

Вы загружаете этот код после jquery и перед библиотеками JQM в голове? – Omar

У вас есть два варианта: глобально изменить jQM по умолчанию или заменить его по запросу.

Глобально:

Override загрузки варианты виджетов на mobileinit. Это заменит параметры по умолчанию раз и навсегда.

<head> 
    <link rel="stylesheet" href="jquery.mobile-1.4.0.min.css" /> 
    <link rel="stylesheet" href="font-awesome.css" /> 
    <script src="jquery-1.9.1.min.js"></script> 
    <script> 
    $(document).on("mobileinit", function() { 
     $.mobile.loader.prototype.options.html = '<i class="fa fa-spinner fa-5x fa-spin"></i>'; 
    }); 
    </script> 
    <script src="jquery.mobile-1.4.0.min.js"></script> 
</head>

Demo

По запросу:

$.mobile.loading("show", { 
    html: '<i class="fa fa-spinner fa-5x fa-spin"></i>' 
});

Demo

источник

2014-01-21 13:12:00 Omar

Как использовать Spinner Awesome с jQuery Mobile

ответ

Смежные вопросы