在页面加载时使用 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

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

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

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

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

Using spinnerPlugin on page load is giving error.

html

javascript

jquery

phonegap-plugins

cordova