当前位置: 首页 > 面试题库 >

如何在PrimeFaces中使用jQuery和jQuery插件

水铭晨
2023-03-14
问题内容

我有一个PrimeFaces Web应用程序。当我手动添加jQuery和如下所示的插件时,

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/onebyone/jquery.onebyone.js"></script>              
<script type="text/javascript" src="js/onebyone/jquery.touchwipe.min.js"></script> 
<script type="text/javascript" src="js/jquery.carouFredSel-5.5.0.js"></script>

然后PrimeFaces组件会失去其功能和某些样式。例如,<p:dialog>不显示,<p:accordionPanel>不滑动,<p:panelGrid>丢失填充等。

这是怎么引起的,我该如何解决?


问题答案:

PrimeFaces已经附带捆绑了jQuery的产品,但是您已经下载并安装了另一个仅与PrimeFaces捆绑的jQuery冲突的产品。我敢肯定,如果您对Web浏览器的内置JavaScript控制台多加关注和喜爱,您肯定会看到JS错误。而且,如果您通过右键单击Webbrowser中的“
查看源代码” 检查了JSF生成的HTML输出,您将看到jquery.jsHTML中包含了另一个文件<head>

您需要 删除 以下行:

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

如果您的页面不一定使用PrimeFaces组件,因此不会自动包含它的jQuery,那么您需要通过适当的显式加载其捆绑的jQuery
<h:outputScript>

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

请注意,使用<h:outputScript>并不会最终导致在实际使用PrimeFaces组件的页面上包含重复脚本。



 类似资料:
  • 我用CRA建立了一个React项目。我需要使用一个使用jquery构建的插件。它是一个日期选择器,但它使用的日历是Bikram Sambat。日期选择器代码的链接是尼泊尔日期选择器。我已经做了以下工作: 公共/index.html 配置组件 日期选择器没有出现。

  • 问题内容: 我想在有角度的应用程序中使用jquery的UI布局插件。是否有角指令已执行此操作或具有相同目的? 问题答案: 这里是为健壮的体系结构而构建的,这就是为什么我们在指令和其他组件方面看到如此多的模块的原因。忍受它就像离开他们的核心设计一样,您最终会陷入混乱,无法维护代码库。 如果您正在编写AngularJS应用程序,则jQuery至关重要。 如果您要启动一个应用程序,请仔细阅读ng- bo

  • 问题内容: 我试图了解如何使用JSONutil在jquery和coldfusion之间对JSON进行序列化/反序列化。我对Coldfusion 7感到困惑,因此无法在cfc中使用该属性。 client.cfc: jQuery ajax调用: 现在在哪里以及如何使用jsonutil使它工作? jsonutil的网站:http ://jsonutil.riaforge.org/ 问题答案: (简要说明

  • 问题内容: 我想使用Selenium单击使用JQuery动态创建选项卡的网站的选项卡。有一个问题,因为它是动态创建的,并且该选项卡没有绑定任何ID(仅提供了类ID),所以我没有足够的线索使用Selenium单击它。 谷歌搜索2周后,我发现可以通过将JQuery注入Selenium中并重新包装使其支持JQuery API来使用JQuery来完成。但是现在的问题是我不知道如何在Selenium中触发J

  • 问题内容: 我正在使用一个向服务器上的PHP脚本发出POST ajax请求的应用程序。该脚本将查询数据库并以数组形式返回记录行。(每行一个数组,其中包含id,title等元素)。然后,我想使用对该数组进行编码,并将其传递回javascript,它将使用它来显示记录。 1)如何将JSON编码的字符串返回给javascript?2)javascript将如何遍历行并访问其字段? 问题答案: 要使用jQ

  • 问题内容: 我在XHTML中使用facelets,richfaces和ajax,在 创建datepicker时遇到错误!我的问题有什么解决方案? 代码是: 我得到的错误是: 请告诉我原因。 问题答案: 我的问题是: 如何在xhtml中使用jQuery? 我的答案是: 1.使用下面给出的代码创建一个xhtml页面。 2.然后尝试将 JQuery.xx.js和css 文件放在下面的顺序中! -– We