javascript - JavaScript：DRYマウスオーバー/マウスアウトイベントハンドラー

Question

これは私のコードです：

    $rows
        .on('mouseover', '.row', function () {
            $(this).find('.label').show();
        })
        .on('mouseout', '.row', function () {
            $(this).find('.label').hide();
        });

乾かすことができますか？

Answer 1

両方のイベントをバインドし、リッスンしてからjQuery.fn.toggleevent.nameを使用できます

$userRows.on('mouseover mouseout', '.row', function(event) {
    $(this).find(".label").toggle( event.name == "mouseover" );
});

jQuery.fn.hoverも使用できると確信しています：

$userRows.on('hover', '.row', function(event) {
    $(this).find(".label").toggle( event.name == "mouseenter" );
});

あるいは：

$userRows.on('hover', '.row', function(event) {
    $(this).find(".label").toggle();
});

Answer 2

どうですか：

$ rows.hover（function（）{$（this）.find（'。label'）。toggle（）;}、function（）{$（this）.find（'。label'）。toggle（）;} ）;