Jsf 2 带引导的下拉列表（JSF项目）

我的JSF项目的下拉菜单有问题

我正在使用引导模板（）

好的，当我的所有模板客户端页面都位于根目录下时，下拉菜单工作得非常完美：

-Project-war
--Web Pages
---Templates
----Template.xhtml
---Index.xhtml
---Login.xhtml
---allPages...

但是现在我想使用过滤器来过滤两种类型的用户（管理员和用户）。问题是，当我更改结构时，添加文件夹“admin”和“users”，如下所示：

-Project-war
--Web Pages
---Templates
----Template.xhtml
---Admin
----adminPage1.xhtml
----adminPage2.xhtml
---Users
----usersPage1.xhtml
----usersPage2.xhtml
---Index.xhtml
---Login.xhtml

当我在“管理员和用户”页面上单击下拉菜单时，什么也没有发生。嗯，当我单击时，在导航栏上添加一个“#”

我不明白为什么这个下拉列表可以在根目录下的页面上运行（las example index.xhtml和login.xhtml工作得很好），但不能在“文件夹页面”（Admin和Users文件夹上的页面）上运行

谢谢

css包含在Template.xhtml中

<h:outputStylesheet name="assets/css/bootstrap.css"/>
<h:outputStylesheet name="assets/css/bootstrap-responsive.min.css"/>
<h:outputStylesheet name="assets/css/font-awesome.min.css"/>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />
<h:outputStylesheet name="assets/css/ace.min.css"/>
<h:outputStylesheet name="assets/css/ace-responsive.min.css"/>
<h:outputStylesheet name="assets/css/ace-skins.min.css"/>

    <h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
    <script type="text/javascript" src="resources/assets/js/jquery-ui-1.10.3.custom.min.js"/>
    <script type="text/javascript" src="resources/assets/js/jquery.ui.touch-punch.min.js"/>
    <script type="text/javascript" src="resources/assets/js/jquery.slimscroll.min.js"/>
    <script type="text/javascript" src="resources/assets/js/jquery.easy-pie-chart.min.js"/>
    <script type="text/javascript" src="resources/assets/js/jquery.sparkline.min.js"/>
    <script type="text/javascript" src="resources/assets/js/flot/jquery.flot.min.js"/>
    <script type="text/javascript" src="resources/assets/js/flot/jquery.flot.pie.min.js"/>
    <script type="text/javascript" src="resources/assets/js/flot/jquery.flot.resize.min.js"/>
    <script type="text/javascript" src="resources/assets/js/bootstrap.min.js"/>

    <script type="text/javascript" src="resources/assets/js/ace-elements.min.js" />
    <script type="text/javascript" src="resources/assets/js/ace.min.js" />

js包含在Template.xhtml中

<h:outputStylesheet name="assets/css/bootstrap.css"/>
<h:outputStylesheet name="assets/css/bootstrap-responsive.min.css"/>
<h:outputStylesheet name="assets/css/font-awesome.min.css"/>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />
<h:outputStylesheet name="assets/css/ace.min.css"/>
<h:outputStylesheet name="assets/css/ace-responsive.min.css"/>
<h:outputStylesheet name="assets/css/ace-skins.min.css"/>

    <h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
    <script type="text/javascript" src="resources/assets/js/jquery-ui-1.10.3.custom.min.js"/>
    <script type="text/javascript" src="resources/assets/js/jquery.ui.touch-punch.min.js"/>
    <script type="text/javascript" src="resources/assets/js/jquery.slimscroll.min.js"/>
    <script type="text/javascript" src="resources/assets/js/jquery.easy-pie-chart.min.js"/>
    <script type="text/javascript" src="resources/assets/js/jquery.sparkline.min.js"/>
    <script type="text/javascript" src="resources/assets/js/flot/jquery.flot.min.js"/>
    <script type="text/javascript" src="resources/assets/js/flot/jquery.flot.pie.min.js"/>
    <script type="text/javascript" src="resources/assets/js/flot/jquery.flot.resize.min.js"/>
    <script type="text/javascript" src="resources/assets/js/bootstrap.min.js"/>

    <script type="text/javascript" src="resources/assets/js/ace-elements.min.js" />
    <script type="text/javascript" src="resources/assets/js/ace.min.js" />

如果您正在检查浏览器开发工具的控制台，您可能会注意到找不到您的js文件，因为您没有正确地包含它们。与硬编码的

不同，在xhtml页面上显示包含js和css文件的代码在第一页添加代码谢谢您的回答。起初，我尝试改用h:outputStript，但在h:outputStript中找不到文件。使用
 <h:outputScript name="js/bootstrap.min.js"/>