ページの読み込み時に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もインストールしました。私はワットですか？なぜそれがindex.htmlで動作していて、detail.htmlでは動作していないのですか？

Answer 1

スピナープラグインは、デバイスレディイベントの後にのみ使用できます。これは、あなたのコードをラップする必要があることを意味します：

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

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