在页面加载上使用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);
});

它给了我以下错误。

未捕获的ReferenceError：未定义SpinnerPlugin

我也使用xml安装了SpinnerPlugin。 我该怎么办？ 为什么在index.html而不是detail.html上起作用？

Answer 1

Spinner插件仅在设备就绪事件后可用。 这意味着您应该用它包装代码：

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

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