0

ここでjQuery初心者。実行すると、私のコードは正常に動作します。

 $('.badge').hover( 
    function() {
        $('.js-main-header').hide()
        $(this).find('.js-badge').show()
    },
    function() {
        $(this).find('.js-badge').hide()
        $('.js-main-header').show()
    }
); // end hover

しかし、on() メソッドを使用すると、ホバー効果はありません。

 $('.badge').on('hover', 
    function() {
        $('.js-main-header').hide()
        $(this).find('.js-badge').show()
    },
    function() {
        $(this).find('.js-badge').hide()
        $('.js-main-header').show()
    }
); // end hover
4

2 に答える 2

1

このhover()メソッドは引数として 2 つの関数を受け入れます。1 つはマウスオーバー用、もう 1 つはマウスアウト用です。このon()メソッドはここでは間違って使用されています。1 回はマウスオーバー用、もう 1 回はマウスアウト用の 2 回宣言する必要があるためです。

$('.badge')
    .on('mouseover', $.noop);
    .on('mouseout', $.noop);
于 2013-06-14T00:05:17.157 に答える