如何在 JSF 页面中包含外部 Javascript 文件答案

【问题标题】：How to include external Javascript file in a JSF page如何在 JSF 页面中包含外部 Javascript 文件
【发布时间】：2013-02-07 09:54:03
【问题描述】：

我想在我的 JSF 页面中包含 jQuery UI http://code.jquery.com/ui/1.9.0/jquery-ui.js 的 URL。我看到很多问题都说应该使用<h:outputScript>，但是在没有一个答案中我看到了一个关于如何包含 URL 的示例。仅当 js 文件存在于项目的某个文件夹中时，答案才有意义。

谁能帮我把它包含在我的页面中？

【问题讨论】：

可能类似于stackoverflow.com/questions/14493689/location-of-jquery-js-file

标签： jquery-ui jsf primefaces

【解决方案1】：

按照通常的方式使用纯 HTML <script> 元素。

<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

<h:outputScript> 只能引用本地脚本。您只会错过它的动态版本控制、模块化和重定位优势，但从技术上讲，这对静态和外部脚本没有害处。

但是，可以使用自定义 ResourceHandler 将 <h:outputScript> 的 URL 更改为纯 CDN 目的的外部 URL。 OmniFaces CDNResourceHandler 就是这样一个例子。

与具体问题无关，PrimeFaces 组件是围绕 jQuery/UI 构建的。你绝对肯定你需要一个单独的 jQuery UI 库实例吗？

【讨论】：

我愿意。因为我必须使用 jQueryUI 的可排序功能。而且，在可排序的 bugs.jqueryui.com/ticket/7546 中存在自动滚动的错误。看看那里提供的 JSFiddle 链接。
我猜 Primefaces 使用的是 jQuery 库的旧版本，所以自动滚动问题仍然存在。