如何使用jqwicket進行動畫製作？

Question

我是jqwicket的新手。基本上我想知道如何使用jqwicket將動畫添加到div。

這是很容易使用要做到這一點只用HTML和jQuery：

----- jQuery的一部分-----------

$('#play').click(function() 
{$('#testDIV').animate({top:'300', left:'10', height:'toggle', 
width:'toggle'},1000);}); $('#back').click(function() 
{$('#testDIV').animate({top:'40', left:'300', height:'toggle', width:'toggle'},1000);}); 

---- - HTML部分------------------------------

<div id="play"> 
    play 
</div> 
<div id="back"> 
    back 
</div> 
<div id="testDIV" style="position:absolute;float:right;clear:left;top:40px; left: 300px; background-color:red; height:50px;width:50px;" /> 

---

現在我想翻譯以上jquery代碼到jqwicket代碼。這是我不明白的動畫部分。 在我把這個Java代碼：

add(new JQBehavior(S.id("play").to$().click(JQuery.$f(S.id("testDIV").to$().animate(??????))))); 

正如你可以看到動畫部分充滿了？字符。

謝謝。

Answer 1

add(new JQBehavior(
      S.id("play").to$().click(JQuery.$f(
       S.id("testDIV").to$().animate(JQOptions.valueOf("top:'300', left:'10', height:'toggle', " + 
         "width:'toggle'"), JQLiteral._raw(1000)) 
      )), 
      S.id("back").to$().click(JQuery.$f(
       S.id("testDIV").to$().animate(JQOptions.valueOf("top:'40', left:'300', height:'toggle', " + 
         "width:'toggle'"), JQLiteral._raw(1000)) 
      )) 

    ));