2012-04-16 56 views
0

影響此相依使用jQueryUI的與spinejs

  • jQueryUI的-1.8.18.custom.min.js(自定義,但所有jQueryUI的組件)
  • jQuery的1.7.1。 min.js
  • spinejs 1.0.6

我發展與jQueryUI的小spinejs應用。我有很基本的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:淡入()函數的工作,我希望

PS2:我刪除我所有的CSS,只有離開這個

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

回答

1

這可能是因爲當你開始動畫你想動畫元素的父「堆棧」仍有隱憂。

從處理將元素附加到堆棧的控制器的構造函數中調用render()函數會更有意義。你可以在這裏看到一些如何做到這一點的例子:http://spinejs.com/docs/controller_patterns