1

フォーム フィールドがアクティブなときにヒントを含むように表示され、フォーム フィールドがアクティブでなくなると消える div を作成する必要があります。私のフォーム フィールドにはすべて #monthly_rent などの ID があり、ヒントには .monthly_rent_tip のクラスがあります。必要に応じて現れたり消えたりするようにするにはどうすればよいですか。

ここに私が現在持っているコードがありますが、動作しません。

<script type="text/javascript">
jQuery(document).ready(function()
   {
        jQuery('.tip.left.monthly_rent_tip').hide(); //hide 
        jQuery('#monthly_rent').focus(function(){  
            jQuery('.tip.left.monthly_rent_tip').show(); //show
        }).blur(function(){  
            jQuery('.tip.left.monthly_rent_tip').hide(); //hide again
        });

  });
</script>

ヒント div の CSS は次のとおりです。

.tip {
position:relative;
padding:15px;
margin:1em 0 3em;
border:5px solid #f18500;
background:#fff;
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.monthly_rent_tip {
top:1060px;
left:-130px;
}

現在、これは何もしません。誰かが私が作っているエラーを指摘してください。

4

1 に答える 1

1

あなたの質問のためにこの例をチェックしてください

http://jquerytools.org/demos/tooltip/form.html

これは同じトピックのスタックオーバーフローの質問です

JQueryフォームのツールチップ

于 2013-02-04T17:05:41.977 に答える