在 JSF 中使用 Foundation 5 属性 [重复]答案

【问题标题】：Using Foundation 5 attributes in JSF [duplicate]在 JSF 中使用 Foundation 5 属性 [重复]
【发布时间】：2014-03-31 13:23:29
【问题描述】：

我已经搜索了很多，但找不到任何适用于 Zurb Foundation 框架的特定用例的任何内容。

在我正在测试 Foundation 5.1.1 的一个小型 JSF 项目上工作，但是我在让 Foundation 属性（data-topbar、reveal-modal 等）工作时遇到了问题。相反，它会导致以下错误。该项目通过 Glassfish 4 在本地端口上运行：

 An Error Occurred:

Error Parsing /includes/content/content.xhtml: Error Traced[line: 18] Attribute name "data-reveal" associated with an element type "div" must be followed by the ' = ' character.

我用来访问模态的代码块是：

            <div class="medium-8 columns pw">
                 <p class="panel callout">This is a <a href="#" data-reveal-id="myModal">modal</a></p>
            </div>
            <div id="myModal" class="reveal-modal" data-reveal>
                <h2>Test Header.</h2>
                <p class="lead">Your couch.  It is mine.</p>
                <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
                <a class="close-reveal-modal">X</a>
            </div>

以前有没有其他人遇到过这个错误？

【问题讨论】：

显然 data-reveal 是一个在 myModal 上没有正确定义的属性
data-reveal 是在 Foundation 框架 (foundation.zurb.com/docs/components/reveal.html) 中定义的属性。如果我删除该属性，页面会显示，但模式不会触发
我想你不明白。再次正确查看 div。标记中元素上定义的任何属性都必须遵循键值表示法，即 Key="value"。 data-reveal 只是坐在那里，既不是键也不是值，因此标记无效。不管那是什么，我没有看到浏览器同意它
啊，我听你说的！是的，它确实只是坐在那里，但根据 Foundation 文档，该属性是触发该模式所必需的。相同的格式适用于框架内的许多其他属性。有没有办法在标记中包含该属性而不会违反预期的键值格式？
开始工作 - 使用 ui:include 而不是 h:outputText，并将 data-reveal 属性设置为 true

标签： javascript jsf jsf-2 zurb-foundation

【解决方案1】：

在 Mojarra 2.2.12 上，您可以为 Myfaces 渲染空属性和 2.2.10。

Bug on Mojarra. Bug on Myfaces.

我建议您使用具有 JSF 2.2 直通功能的 JSF 组件。如果你想用 AJAX 刷新它，你必须使用一个组件。

例子：

xmlns:p="http://xmlns.jcp.org/jsf/passthrough"
<h:panelGroup id="myModal" p:data-reveal="data-reveal" 
        styleClass="reveal-modal" layout="block">

【讨论】：

不，没有值的普通数据显示属性仍然会失败。所有这些都在一个 non jsf 标记上，所以我怀疑 passthrough 会起作用。并且如表格中所述，为属性分配值已经使其工作
Facelets 仍会解析非 JSF 标记。如果它具有值，则传递将起作用。