событие mobileinitверсия добавлена: 1.0
Описание: Событие, указывающее на завершение загрузки jQuery Mobile.
jQuery( ".selector" ).on( "mobileinit", function( event ) { ... } )
Это событие срабатывает после завершения загрузки jQuery Mobile, но до начала улучшения стартовой страницы. Таким образом, обработчики этого события имеют возможность изменить глобальную конфигурацию jQuery Mobile параметры и значения параметров по умолчанию для всех виджетов до того, как они повлияют на поведение библиотеки.
Вы должны подключить обработчик к событию mobileinit до загрузки jQuery Mobile, потому что оно срабатывает в рамках процесса загрузки библиотеки. Самый простой способ сделать это — поместить тег script после тега script, который загружает jQuery, и перед тегом script, который загружает jQuery Mobile:
<!doctype html>
<html>
<head>
<title>Example illustrating use of the "mobileinit" event</title>
<meta charset=utf-8 />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
// Update configuration to our liking
$( document ).on( "mobileinit", function() {
// We want popups to cover the page behind them with a dark background
$.mobile.popup.prototype.options.overlayTheme = "b";
// Set a namespace for jQuery Mobile data attributes
$.mobile.ns = "jqm-";
});
</script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-jqm-role="page">
<div data-jqm-role="header">
<h2>jQuery Mobile Example</h2>
</div>
<div data-jqm-role="content">
<div id="the-popup" data-jqm-role="popup" data-jqm-position-to="window">
<p>Example popup.</p>
</div>
<a href="#the-popup" data-jqm-rel="popup" class="ui-btn ui-corner-all ui-shadow">Open Popup</a>
</div>
</div>
</body>
</html> 
