Question

我正在使用此依赖项

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

我正在用jqueryui开发小的spinejs应用程序。我有一个非常基本的spine.controller

我尝试在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

使用带刺的jquery ui效果

1 个答案: