正确使用JQuery-Mobile / Phonegap的方法?

将JQuery Mobile和Phonegap一起使用的正确方法(截至目前为止)是什么?

两个框架都需要在可以使用之前加载。在使用它们之前,我怎么能确定它们都已加载?


万千封印
浏览 401回答 3
3回答

ibeautiful

您可以使用JQuery的延迟功能。var deviceReadyDeferred = $.Deferred();var jqmReadyDeferred = $.Deferred();document.addEventListener("deviceReady", deviceReady, false);function deviceReady() {  deviceReadyDeferred.resolve();}$(document).one("mobileinit", function () {  jqmReadyDeferred.resolve();});$.when(deviceReadyDeferred, jqmReadyDeferred).then(doWhenBothFrameworksLoaded);function doWhenBothFrameworksLoaded() {  // TBD}

慕无忌1623718

基于上面的例子,这是它对我有用的方式<!DOCTYPE html><html>&nbsp; &nbsp; <head>&nbsp; &nbsp; &nbsp; &nbsp; <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />&nbsp; &nbsp; &nbsp; &nbsp; <meta name="format-detection" content="telephone=no" />&nbsp; &nbsp; &nbsp; &nbsp; <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />&nbsp; &nbsp; &nbsp; &nbsp; <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />&nbsp; &nbsp; &nbsp; &nbsp; <title>InforMEA</title>&nbsp; &nbsp; </head>&nbsp; &nbsp; <body>&nbsp; &nbsp; &nbsp; &nbsp; <script type="text/javascript" src="js/jquery-1.8.3.js"></script>&nbsp; &nbsp; &nbsp; &nbsp; <script type="text/javascript">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var dd = $.Deferred();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var jqd = $.Deferred();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $.when(dd, jqd).done(doInit);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(document).bind('mobileinit', function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; jqd.resolve();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; </script>&nbsp; &nbsp; &nbsp; &nbsp; <script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>&nbsp; &nbsp; &nbsp; &nbsp; <script type="text/javascript" src="cordova-2.2.0.js"></script>&nbsp; &nbsp; &nbsp; &nbsp; <script type="text/javascript">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.addEventListener('deviceready', deviceReady, false);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function deviceReady() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dd.resolve();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function doInit() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert('Ready');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; </script>&nbsp; &nbsp; </body></html>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery