jsf - 由于<h：form> </h：form>，ajax javascript调用无法正常工作

Question

问题：

我有一个带有动作的按钮和一个js函数的ajax调用但是没有执行javascript函数。但是，当我删除<h:form>时，它将完美地工作。任何人都知道为什么会这样，以及如何解决它？

我真的想用表格。

代码：

工作：

                <h:commandButton id="dice" alt="W&uuml;rfel" image="resources/img/wuerfel0.png" action="#{spiel.dice()}" tabindex="4" title="W&uuml;rfel">
                    <f:ajax render="gameinfo" onevent="animate" />
                </h:commandButton>

不工作：

         <h:form>
                <h:commandButton id="dice" alt="W&uuml;rfel" image="resources/img/wuerfel0.png" action="#{spiel.dice()}" tabindex="4" title="W&uuml;rfel">
                    <f:ajax render=":gameinfo" onevent="animate" />
                </h:commandButton>
         </h:form>

我也尝试用commandLink实现它，同样的问题！