使用 jqueryui 效果与 spinjs

Question

我正在使用这个依赖项

• jquery-ui-1.8.18.custom.min.js（自定义但包含所有 jqueryui 组件）
• jquery-1.7.1.min.js
• spinejs 1.0.6

我正在使用 jqueryui 开发小型 spinjs 应用程序。我有非常基本的spine.controller

http://pastie.org/3798705

我尝试在 show 方法中使用一些 jqueryui 效果。根据此文档，这应该可以工作http://jqueryui.com/demos/show/。

@sidebar.el.show('slow')
//or
@sidebar.el.show('bounce',{ percent: 100 },2000);
//or
@sidebar.el.show('explode',{to: { width: 280, height: 185 }},2000);

不幸的是，我看不到任何动画效果，但完成动画后的回调就可以了。此外，如果我将动画速度设置为非常高的数字，例如 5000，我可以看到延迟，然后显示 html 元素并触发回调（完成动画）

ps：fadeIn() 函数按预期工作

ps2：我删除了我所有的css，只留下了这个

.sidebar
  background-color: red;
  width: 300px;
  height: 300px;

Answer 1

这可能是因为当您开始动画时，您尝试制作动画的元素的父“堆栈”仍处于隐藏状态。

从控制器的构造函数中调用 render() 函数会更有意义，该函数处理将元素附加到堆栈。您可以在此处查看如何执行此操作的一些示例：http://spinejs.com/docs/controller_patterns