【发布时间】：2017-07-12 10:59:11
【问题描述】：
我对 JQuery 导入的顺序有疑问。 在头部我做：
<h:head>
<f:facet name="first">
<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
</f:facet>
<f:facet name="middle">
<h:outputScript library="primefaces" name="jquery/jquery-plugins.js" target="head" />
</f:facet>
...
第一次加载我的页面时，一切似乎都是正确的，尤其是 jquery/jquery-plugins 顺序：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head id="j_idt2">
<link type="text/css" rel="stylesheet" href="/installateurportal/javax.faces.resource/theme.css.jsf?ln=primefaces-aristo" />
<link type="text/css" rel="stylesheet" href="/installateurportal/javax.faces.resource/components.css.jsf?ln=primefaces&v=6.0" />
<link type="text/css" rel="stylesheet" href="/installateurportal/javax.faces.resource/css/default/core.css.jsf?ln=bsf" />
<link type="text/css" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/installateurportal/javax.faces.resource/css/bsf.css.jsf?ln=bsf" />
<!--[if lt IE 9]><script src="/installateurportal/javax.faces.resource/js/html5shiv.js.jsf?ln=bsf"></script><script src="/installateurportal/javax.faces.resource/js/respond.js.jsf?ln=bsf"></script><![endif]-->
<script type="text/javascript" src="/installateurportal/javax.faces.resource/jquery/jquery.js.jsf?ln=primefaces&v=6.0"></script>
<script type="text/javascript" src="/installateurportal/javax.faces.resource/jquery/jquery-plugins.js.jsf?ln=primefaces&v=6.0"></script>
<script type="text/javascript" src="/installateurportal/javax.faces.resource/core.js.jsf?ln=primefaces&v=6.0"></script>
...
页面上有类似按钮
<h:commandLink styleClass="btn btn-mini btn-default"
actionListener="#{testController['filterTable']}">
<i class="fa fa-refresh"/>
</h:commandLink>
按下其中一个后，页面再次加载，但 JS-Console 中出现错误，例如
Uncaught ReferenceError: jQuery is not defined
at tbmDisposition-aendernPF.jsf:3
VM219 jquery-plugins.js.jsf?ln=primefaces&v=6.0:5 Uncaught ReferenceError: jQuery is not defined
at VM219 jquery-plugins.js.jsf?ln=primefaces&v=6.0:5
at VM219 jquery-plugins.js.jsf?ln=primefaces&v=6.0:5
当你查看生成的 html 时：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head id="j_idt2">
<link type="text/css" rel="stylesheet" href="/installateurportal/javax.faces.resource/theme.css.jsf?ln=primefaces-aristo" />
<link type="text/css" rel="stylesheet" href="/installateurportal/javax.faces.resource/css/default/core.css.jsf?ln=bsf" />
<link type="text/css" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/installateurportal/javax.faces.resource/css/bsf.css.jsf?ln=bsf" />
<!--[if lt IE 9]><script src="/installateurportal/javax.faces.resource/js/html5shiv.js.jsf?ln=bsf"></script><script src="/installateurportal/javax.faces.resource/js/respond.js.jsf?ln=bsf"></script><![endif]-->
<link type="text/css" rel="stylesheet" href="/installateurportal/javax.faces.resource/components.css.jsf?ln=primefaces&v=6.0" />
<script type="text/javascript" src="/installateurportal/javax.faces.resource/jquery/jquery-plugins.js.jsf?ln=primefaces&v=6.0"></script>
<script type="text/javascript" src="/installateurportal/javax.faces.resource/jquery/jquery.js.jsf?ln=primefaces&v=6.0"></script>
<script type="text/javascript" src="/installateurportal/javax.faces.resource/core.js.jsf?ln=primefaces&v=6.0"></script>
...
您可以看到 jquery-plugins 高于 jquery 导致所描述的错误。
当然，我在 head 部分尝试了各种替代方法，但均未成功，因此我们将不胜感激。
版本信息
PrimeFacs：6.0
JSF：1.2_15-jbossorg-2
服务器：jboss-as-7.1.2.Final
问候 启
更新： 调试 HeadRenderer 我发现 HeadRenderer 似乎根本不负责 JQuery。 它必须与 Widget 的 ResourceDependencies 以及它们的呈现方式有关。 有谁知道哪个渲染器可能负责 ResourceDependencies？
更新 2： 此外，我使用 BootsFaces 进行布局。现在我了解到 BootsFaces 也有自己的 JQuery 和资源优化......
更新 3： 在 BootsFaces 的 ResourceFileComparator 中，JS 文件将被重命名为
if (name.contains("jquery-ui")) name = "2.js"; // make it the second JS file
else if (name.contains("jquery")) name = "1.js"; // make it the first JS file
但在我的例子中，jquery-ui 的名称是：“jquery/jquery-plugins.js” => “jquery/jquery.js”和“jquery/jquery-plugins.js”都将重命名为“1.js”
【问题讨论】：
-
您确定您正在运行 JSF 1.2？就我个人而言，我不会将我想要的文件添加到构面中，因为我总是不能 100% 确定它们会在哪里，我会手动将它们放在 的底部，然后等着看 primefaces 什么时候自动注入.或者，您可以关闭 PrimeFaces 主题等并自己完成。
-
maven 依赖说
1.2_15-jbossorg-2 但它是 JSF 2.1。那我怎么能自己做呢？
标签： jquery jsf primefaces jsf-2