페이지로드시 spinnerPlugin을 사용하면 오류가 발생합니다.

Question

2 페이지가 있습니다. Index.html 및 detail.html. index.html에서 login을 클릭하면이 함수가 호출됩니다.

$('form').submit(function (event) { //Trigger on form submit   
    var options = { dimBackground: true }; 
    SpinnerPlugin.activityStart("Loading...", options); 
}); 

완벽하게 작동합니다. 그러나 detail.html에 내가 이것을 부른다.

$(document).ready(function() { 
    var options = { dimBackground: true }; 
    SpinnerPlugin.activityStart("Loading...", options); 
}); 

그리고 그것은 나에게 다음과 같은 오류를 준다.

Uncaught ReferenceError: SpinnerPlugin is not defined

xml을 사용하여 SpinnerPlugin을 설치했습니다. 와트해야합니까? detail.html이 아닌 index.html에서 왜 작동합니까?

Answer 1

Spinner 플러그인은 장치 준비 이벤트 후에 만 ​​사용할 수 있습니다. 즉, 코드를 래핑해야합니다.

$(document).ready(function() { 
    document.addEventListener("deviceready", onDeviceReady, false); 
}); 

function onDeviceReady() { 
    var options = { dimBackground: true }; 
    SpinnerPlugin.activityStart("Loading...", options); 
}