Javascript 流星0.9.1.1：如何使用旋转器

我正在考虑使用它，这样当一些东西被提交到后端时，我就可以在后端执行其操作时向客户端显示微调器

我只是想知道我的想法是否正确

我从客户端到后端调用函数“myfunction”：

var result = Meteor.call('myfunction', {});
//start spinner
createNewSpinner (selector, spinnerOpts);
createLoadingOverlay (target, overlayColor)

if(result == true) {
  //stop spinner
  destroyLoadingOverlay (selector);
}


// backend function
Meteor.methods({
  myfunction: function(data) {
  // logic here
  return true;
  }
});

---

我真的不确定我的伪代码，文档中没有任何关于如何使用微调器的示例。看起来它的调用方式可能与spin.js不同，因此任何指针/代码示例都会受到欢迎。

下面是一个完整的工作示例：

{{>你好}
旋转器演示
开始

if（Meteor.isClient）{
Template.hello.events({
“单击按钮”：函数（）{
//微调器和目标选择器的选项
var color='rgba（255255,0.6）'；
var选项={行数：10，长度：20，速度：1}；
变量选择器='#覆盖'；
//添加覆盖层
LoadingOverlay.createLoadingOverlay（选择器，颜色）；
//删除默认微调器
$（'.spinner'）.remove（）；
//添加我们的自定义微调器
LoadingOverlay.createNewSpinner（'loading'，选项）；
调用（'myfunction'，{}，函数（err，result）{
如果（！err）{
//成功时删除覆盖
LoadingOverlay.销毁LoadingOverlay（选择器）；
}
});
}
});
}
if（Meteor.isServer）{
流星法({
myfunction：函数（数据）{
//模拟延迟
流星形态（2000年）；
返回true；
}
});
}

关键是移除回调中的覆盖（在异步方法完成之后）