JSF h:outputScript排序和PrimeFaces jQuery

Question

我想使用(Primefaces与TwitterBootstrap).目前DropDown菜单如果p:dataTable存在,则它不起作用.我已经想通了,如果我有以下顺序,它正在工作(没有任何Primefaces组件)h:head:

<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>

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

Answer 1

如果问题与资源的包含顺序有关,您应该查看PrimeFaces团队的以下博客文章:可自定义的资源排序.

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

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