在页面加载时使用spinnerPlugin会给出错误。

Question

我有2页。 Index.html和detail.html。在index.html上，当我点击登录时，我称这个功能为

$('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); 
}