jquery-mobile/phonegapの$（document）.ready（）/ onDeviceReady（）にスクリプトを読み込む方法

Question

PhoneGapとjQuery Mobileを使用してアプリケーションを開発しています。

ページがロードされたら、script(.js file)をロードします。基本的にはonDeviceReadyまたは$(document).ready()です。どうやってするか？

Answer 1

//wait for document.ready to fire 
$(function() { 

    //then load the JavaScript file 
    $.getScript('script.js'); 
}); 

http://api.jquery.com/jquery.getscript

//create a callback function 
function myCallback() { 


    //create a script element and set it's type and async attributes 
    var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; 

    //set the source of the script element 
    script.src = 'script.js'; 


    //add the script element to the DOM 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s); 

} 

//add event listener for the deviceready function to run our callback function 
document.addEventListener("deviceready", myCallback, false); 

http://docs.phonegap.com/en/1.4.1/phonegap_events_events.md.html#deviceready

この2番目のコードスニペットは、非同期的にDOMにスクリプトを追加するために使用グーグルアナリティックコードを少し変更したバージョンです。

UPDATE

またtrueへ<script>タグのdefer属性を設定することができ、それはDOMが準備された後まで実行されません。 https://developer.mozilla.org/en-US/docs/HTML/Element/Script