jsf-2 - jQuery与Primefaces冲突？

This question already has an answer here:

Manually adding / loading jQuery with PrimeFaces results in Uncaught TypeErrors

(1个答案)

4年前关闭。

我已在JSF页面的标题中包含JQuery1.5。在该页面中，已经编码了许多Primefaces组件。将Jquery.js包含在页面的标题中之后，像<p:commandButton>这样的一些primefaces组件失去了外观，并且<p:fileUpload>看起来像普通的JSP <input type="file">，并且完全失去了其AJAX功能。

有没有一种方法可以安全地使用JQuery和Primefaces(无冲突)？

最佳答案

我有与问题中所述相同的问题。这就是为什么我想出以下解决方案的原因:

包括primefaces内置的jQuery库(当前为1.4.1)，因为包括自己的jQuery库会导致CSS格式问题。添加target="head"属性可以在各处指定标签-例如使用模板时，您并不总是可以访问<head>标记:

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

默认情况下，冲突模式中包含primefaces jQuery库。这意味着$()快捷方式无法使用。要解决此问题，请在<script>或<h:outputScript>标记中包含以下行:

<h:outputScript target="head">
    // Add the $() function
    $ = jQuery;
    // Now you can use it
    $(document).ready(function() {
        ...
    });
</h:outputScript>

到目前为止，这是我可以使用Primefaces 2.2.1挖掘出的最佳解决方案。

关于jsf-2 - jQuery与Primefaces冲突？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5457292/

上一篇： hibernate 多对多配置

下一篇：doxygen - 组记录一组枚举成员

相关文章：

jquery - richfaces使用ajax向服务器发送数据

jsf - Init 方法在@Viewscoped bean 中被调用两次

java - JSF转换器全局解决方案

jquery - jquery 1.5 中可以推迟 statusCode 吗？

javascript - jQuery version 1.5 - ajax - <script> 标签时间戳问题

javascript - 从 JQuery 1.4 更改为 1.5.1 并且 getJson 停止工作

javascript - f :ajax causes model to not getting updated 上的事件

java - JSF2.0 + Eclipse

primefaces - p :fileDownload primefaces 3. 5 和 Liferay 6.1 ga1，不支持地雷类型

jsf-2 - jsf inputText 和 validateRegexPatter