Javascript 下拉类在JSF中不起作用

我正在使用Zurb Foundation设计我的web前端，使用提供的CSS和JS库。我正在使用NetBeans 7.3.1作为我的IDE。当我运行项目时，我可以正确地看到设计，但不能看到一些动作，比如“下拉”

我使用的模板是。我把它作为一个链接发布，因为如果我使用的是同一个代码，我不想弄乱这里的代码

我使用JSF作为我的框架，以防万一

本人的推荐信如下：

<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/foundation.css">
<script src="js/vendor/custom.modernizr.js"></script>
<title>Something</title>
</h:head>

某物

---

可能出了什么问题？它与netbeans有关吗？或者JSF的CSS/JS有问题？因为当我在基础网页上查看模板时，我可以在浏览器中看到DoPrds.p> 初学者的一个常见错误是，他们认为

和

资源中指定的路径代表相对于web项目文件夹结构的本地磁盘文件系统路径。然而，这是错误的。它们代表了终端用户在浏览器地址栏中看到的相对于请求URL的具体URL。也就是说，最终是Web浏览器必须单独下载这些CSS/JS资源，而不是Web服务器必须以某种方式将它们包含在HTML输出中

此外，您还应该使用JSF资源处理工具和组件，如

和

。给定以下web项目文件夹结构

WebContent
|--META-INF
|--WEB-INF
|--资源
||——概述
||`--css
②基础
||`--normalize.css
|`--供应商
|`--js
|`--custom.modernizer.js
|--page.xhtml
:

这应该做到：

<h:outputStylesheet library="general" name="css/normalize.css" />
<h:outputStylesheet library="general" name="css/foundation.css" />
<h:outputScript library="vendor" name="js/custom.modernizr.js" />

另见：

---

在标准浏览器中查看本地页面时，您是否看到了它？你如何建立菜单？使用标准HTML？您应该访问浏览器中的页面并检查源代码以查看与模板的差异。