Jquery ui Primefaces完整页面布局切换不工作

下面是直接从primefaces完整页面演示中复制的代码

<p:layout fullPage="true">  

<p:layoutUnit position="north" size="100" header="Top" resizable="true" closable="true" collapsible="true">  
    <h:outputText value="North unit content." />  
</p:layoutUnit>  

<p:layoutUnit position="south" size="100" header="Bottom" resizable="true" closable="true" collapsible="true">  
    <h:outputText value="South unit content." />  
</p:layoutUnit>  

<p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true">  
    <h:outputText value="West unit content." />  
</p:layoutUnit>  

<p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop">  
    <h:outputText value="Right unit content." />  
</p:layoutUnit>  

<p:layoutUnit position="center">  
    <h:form>  
        This fullPage layout consists of five different layoutUnits which are resizable and closable by default.  

    </h:form>  
</p:layoutUnit>  

此完整页面布局由五个不同的布局单元组成，默认情况下可调整大小并可关闭。

当我运行这段代码时，可关闭和可折叠按钮就在那里，但什么也不做。你知道是什么原因造成的吗？

两件事：
1） 你要结束“p:布局”吗
2） 小心使用h:form，也许您是在p:layout周围使用它，如果是，请删除它。

---

3） 您是否有任何错误消息？

您应该为每个布局单元使用h:form