RichFaces组件丰富:输入似乎不适用于JQuery

时间:2012-05-22 07:00:02

标签: jquery jsf richfaces

继续使用JQuery和RichFaces组件,我注意到当你导入一个JQuery脚本时,尤其是这个脚本:" http://ajax.googleapis.com/ajax/libs/jquery/ 1.3.2 / jquery.min.js",RichFaces组件之一," rich:inplaceInput",似乎无法工作。输入显示,但它使用的javascript消失,所以无论你点击多少次,都没有任何反应。这是我的标题:

    <f:view>
       <html>
         <head>
              <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
              <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
              <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" />
              <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>            
              <link rel="stylesheet" type="text/css" href="../../css/custom-styles.css" />
              <script type="text/javascript" src="../../js/customJS.js"></script>
              <a4j:loadScript src="resource:///jquery.js"/>
         </head>
       </html>
    </f:view>

在身体中我创建了一个简单的,我有一个简单的面板和一个简单的原位输入:

      <rich:panel id="simplePanel" style="width:560px;height:100px;">
          <rich:inplaceInput id="sample" defaultLabel="Some text" />
      </rich:panel>

这就是全部,只有当我删除第一个脚本导入时才会起作用,包括&#34; jquery.min&#34; javascript文件。

知道为什么会这样吗?这是RichFaces中的错误吗?是否有解决方法或仅在升级RichFaces后才可能? (我使用3.3.3版本)

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

我不熟悉Richfaces,但它似乎带有开箱即用的jquery

可以像这样使用(引用它构建的jQuery版本)

<a4j:loadScript
src="resource:///org/richfaces/renderkit/html/scripts/jquery/jquery.js" />

当您尝试导入另一个jQuery.js文件时,会导致冲突......

看这里Avoid jquery conflict in my jsf application

Richfaces with jQuery

了解更多信息......