PrimeFaces Mobile ImageSwitch 无法正确显示答案

【问题标题】：PrimeFaces Mobile ImageSwitch not displaying properlyPrimeFaces Mobile ImageSwitch 无法正确显示
【发布时间】：2014-06-13 10:15:45
【问题描述】：

我正在使用在 Wildfly (v8.0) 应用服务器上运行的 Primefaces Mobile (v5.0) 开发 JSF 应用程序。我已将 faces-config.xml 中的默认渲染套件设置为 PrimeFaces Mobile，如下所示：

<default-render-kit-id>PRIMEFACES_MOBILE</default-render-kit-id>

我想使用 PrimeFaces 的 ImageSwitch 组件，它目前还不能移动。使用上面设置的渲染套件，它无法正确显示，但是如果我从 faces-config.xml 中删除该行，它就可以正常工作。

这是我的 ImageSwitch 组件代码：

<p:imageSwitch effect="fade" id="fadeEffect">
   <ui:repeat value="#{userBean.currentUser.images}" var="image" id="fadeEffectImages">
      <p:graphicImage name="/fileDb/#{image.filename}" id="image" />
   </ui:repeat>
</p:imageSwitch>

有没有办法将此组件与 PrimeFaces Mobile 一起使用？或者有没有其他方法可以达到类似的效果？

【问题讨论】：

标签： jsf mobile jsf-2 primefaces primefaces-mobile

【解决方案1】：

我遇到了同样的问题。该问题似乎与 faces-config 中的默认渲染套件声明有关。我通过使用名为 Cycle2 的第 3 方 jQuery 插件解决了这个问题，它提供了类似的效果。由于 PrimeFaces 已经包含 jQuery，您只需将一个脚本添加到您的 xhtml 页面。

看看主页http://jquery.malsup.com/cycle2/

还有一个相当不错的文档和一些演示。

也许这对你也有帮助。

【讨论】：