0

我是 Js 世界的新手，我的 Jquery 不适用于 Richfaces。我想做这样的事情：http: //jsfiddle.net/bFuEv/。

这是我的 xhtml 文件中的代码：

<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a4j="http://richfaces.org/a4j">



    <script type="text/javascript">
        $("himessage").hide();

        $("#name").focus(function(){
         $("himessage").show();    
        });
        $("#name").blur(function(){
             $("himessage").hide();    
        });
    </script>

    <rich:panel>
        <h:form>
            <label>Name: </label>
            <h:outputText id="himessage" value="Hi" />
            <h:inputText id="name" class="editable" type="text"
                onfocus="this.value=''" name="name" value="#{loginAction.username}" />
        </h:form>
    </rich:panel>
</ui:composition>

如何将此 jquery 代码集成到我的页面中？

4

4 回答 4

4

RichFaces 将 jquery 与它捆绑在一起。要包含该库，请添加到页面（即使多次出现 - jquery.js 将只包含一次）：

<h:outputScript name="jquery.js" target="head"/>
于 2013-05-24T09:59:29.677 回答
1

“himessage”是ID。它的选择器应该是 $("#himessage")。你忘了 ”＃”。

 $("#himessage").hide();

    $("#name").focus(function(){
     $("#himessage").show();    
    });
    $("#name").blur(function(){
         $("#himessage").hide();    
    });
于 2013-05-24T01:50:28.037 回答
0

使用浏览器中的视图源并检查元素的 ID，它将附加表单的 ID。如果 h:form 的 id 是hiform并且 h:inputText 的 id 是 name ，则生成的输入元素的 id 将是hiform:name。

于 2013-05-24T01:43:24.417 回答
0

包括 jQuery 库：

<script  
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">  

</script> 
<script type="text/javascript">
        $("#himessage").hide();

        $("#name").focus(function(){
         $("#himessage").show();    
        });
        $("#name").blur(function(){
             $("#himessage").hide();    
        });
    </script>

我从未与 Richfaces 合作过，但值得一试。

于 2013-05-23T22:21:04.350 回答