2

これらは、2 つの別々の Codecademy 演習用です。彼らは両方とも私を追い越しましたが、私が想定している結果が得られていません。

3.2 - マウスイベント- 質問

ホバー ハンドラーを作成し、すべての div にアタッチします。最初の関数で、ホバリングしている現在のオブジェクトにクラス「hover」を追加し、2 番目の関数でクラス「hover」を削除します。イベント オブジェクトを渡すことでこれを行う方法は既に学習しましたが、今回は を使用して別の方法を試してみましょう$(this).addClass()。ただし、必要に応じてイベントを試すことができます。

完了すると、緑色のボックスが飛び出し、ユーザーがそれらの上にカーソルを合わせると青色に変わります。

3.2 - マウス イベント- 回答

$(document).ready(function(){
    $('div').hover(function() {
        (this).addClass('hover');
    },
    function() {
        (this).removeClass('hover');
    });
});

3.3 キーボード イベント- 質問

keypress は、クリック ハンドラーとまったく同じようにフォーマットされます。

id = "boxDiv" の div にクラス "box" の div を追加する keypress ハンドラを記述します。keypress ハンドラーをドキュメントの本文に添付します。

3.3 キーボード イベント- 回答

$(document).ready(function(){
    $("body").keypress(function(event){
        $('#boxDiv').append($("<div/>").addClass('box'));
    });
 });

さらに明確にしたい場合は、ここにコースへの直接リンクがあります。 http://www.codecademy.com/courses/jquery-events/2#!/exercises/1

前もって感謝します！

よろしく、

マット

4

1 に答える 1

1

マウス イベントに関しては、マイナーな構文エラーがあります。

(this).addClass('hover'); and (this).removeClass('hover');

先頭のドル記号がありません。彼らはする必要があります：

$(this).addClass('hover'); and $(this).removeClass('hover');

キーボードテストに関しては、うまくいくはずです。実行するときは、キーを押す前に結果領域をクリックしてみてください。

于 2012-06-19T23:05:03.943 に答える