0

フォーム内のテキスト領域のフォーカスでフェードアウトする必要がある div があります。

これを実行するための次の JS ファイルがあります。「メッセージ」はテキスト領域のクラスで、「バブル」はフェードイン/アウトする div の ID です。また、それが修正されたかどうかを確認するために、それを自分のページに直接含めました。

function (){

$(".message").focus(function() {
$("#bubble").fadeOut();
   }).blur(function() {
    $("#bubble").fadeIn();
   });
})();

HTML は次のとおりです。特に興味深いというわけではありません。

 <div id="bubble">
    <img src="images/hire_me_bubble.png" alt="Hire me" />
 </div>

ライブサイトはここで見ることができます- コンタクトフォームのテキストエリアはバブルのフェードアウトを開始するはずです.

コードを確認してみましたが、問題はありません。

4

1 に答える 1

3

あなたの構文はめちゃくちゃです。何)()にも一致しないものがあります。これを試して：

$(function (){
    $(".message").focus(function() {
        $("#bubble").fadeOut();
    }).blur(function() {
        $("#bubble").fadeIn();
    });
});

これにより、ドキュメントの準備ができたときにコードが実行されます。

于 2012-09-07T22:11:57.250 に答える