我有一个测试应用程序,在主面板中向用户提供一系列问题。按下提交后,将呈现反馈面板,并根据正确/不正确的答案显示动画gif。动画GIF仅在第一次加载到页面时动画,但在后续答案中它只保持最终状态。
按钮的工作方式如下:
<a:commandLink id="next"
action="#{test.nextPage}"
value="Submit Answer"
rendered="#{! test.lastpage}"
styleClass="action-button submit next"
render="actions,testPanel,messagesPanel, lastQuestion, help"
onclick="showProcess();" oncomplete="initQuestion(); hideProcess();" />
反馈区域如下:
<h:panelGroup rendered="#{test.previousStatus == 'CORRECT'}">
<img src="${request.contextPath}/images/correct_animated.gif" />
</h:panelGroup>
<h:panelGroup rendered="#{test.previousStatus == 'INCORRECT'}">
<img src="${request.contextPath}/images/incorrect_animated.gif"/>
</h:panelGroup>
任何帮助都将非常感谢!!
答案 0 :(得分:0)
这只是在IE吗?它是否继续在Firefox / Safari / Chrome等中制作动画?
答案 1 :(得分:0)
尝试将组件封装到<h:form>
标记中,然后重新呈现面板,如果它可以尝试使用JSF 2.0:
<h:commandLink>
<f:ajax render="foo"/>
</h:commandLink>