Integracja jQuery z PhoneGap - połączenie dwóch framework'ów
Skrypt pokazuje jak łatwo zintegrować jQuery z naszą aplikacją mobilną.
Listing
<link rel="stylesheet" type="text/css" href="jquery.mobile-1.3.2.min.css" />
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" charset="utf-8">
var deviceReadyDeferred = $.Deferred(),
jqmReadyDeferred = $.Deferred();
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
deviceReadyDeferred.resolve();
//wykona kod JS kiedy PhoneGap zostanie załadowany
}
$(document).one("mobileinit", function () {
setTimeout(function() {
jqmReadyDeferred.resolve();
//wykona kod JS kiedy jQuery zostanie załadowane
}, 500);
$.when(deviceReadyDeferred, jqmReadyDeferred).then(doWhenBothFrameworksLoaded);
function doWhenBothFrameworksLoaded() {
//wykona kod JS kiedy obydwa frameworki zostaną załadowane
}
</script>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" charset="utf-8">
var deviceReadyDeferred = $.Deferred(),
jqmReadyDeferred = $.Deferred();
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
deviceReadyDeferred.resolve();
//wykona kod JS kiedy PhoneGap zostanie załadowany
}
$(document).one("mobileinit", function () {
setTimeout(function() {
jqmReadyDeferred.resolve();
//wykona kod JS kiedy jQuery zostanie załadowane
}, 500);
$.when(deviceReadyDeferred, jqmReadyDeferred).then(doWhenBothFrameworksLoaded);
function doWhenBothFrameworksLoaded() {
//wykona kod JS kiedy obydwa frameworki zostaną załadowane
}
</script>
Dodano przez: divix
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
