0

Js の世界の初心者です。私の Jquery はリッチフェイスでは動作しません。私はこのようなことをしたい: 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

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 に答える