JSF h:outputScript 排序和 PrimeFaces jQuery答案

【问题标题】：JSF h:outputScript ordering and PrimeFaces jQueryJSF h:outputScript 排序和 PrimeFaces jQuery
【发布时间】：2012-04-29 17:22:44
【问题描述】：

我想使用 (Primefaces with TwitterBootstrap)。目前，如果下拉菜单不起作用，例如p:dataTable 存在。我发现，如果我在h:head 中有以下顺序，它就可以工作（没有任何 Primefaces 组件）：

<h:head>
  <h:outputScript library="js" name="bootstrap.js"/>
  <h:outputScript library="primefaces" name="jquery/jquery.js"/>
  ...
</h:head>

如果我交换顺序（首先是 jquery.js，而不是 bootstrap.js），DropDown 菜单就会损坏。我的问题是，在渲染的 HTML 输出中使用 PrimeFaces 组件时，PrimeFaces 使用的脚本（jquery.js 和 primefaces.js）总是在 h:head 中手动输入之前。

<script src="/javax.faces.resource/jquery/jquery.js.jsf?ln=primefaces"></script>
<script src="/javax.faces.resource/primefaces.js.jsf?ln=primefaces"></script>
<script src="/javax.faces.resource/bootstrap.js.jsf?ln=js"></script>

如何在jquery.js 之前导入bootstrap.js？

【问题讨论】：

标签： javascript jsf-2 primefaces

【解决方案1】：

如果问题与您的资源的包含顺序有关，您应该查看 PrimeFaces 团队的以下博客文章：Customizable Resource Ordering。

您可以在 h:head 元素中定义 first 方面。放置在那里的元素将在 PrimeFaces 资源之前加载。

<h:head>
    <f:facet name="first">
        <h:outputScript library="js" name="bootstrap.js"/>
    </f:facet>
</h:head>

【讨论】：