3

画面が読み込まれた後に追加するリストがあります。ホバリング後にカーソルをポインターに変更したい。これまでのところ、.on イベントを使用してみましたが、機能していないようです。$('.item').on('mouseover', function() { $('.item').css('cursor', 'pointer');
});の行を見てください。

$(document).ready(function() {
    $('input').focus(function() {
        $('input[name=checklistInput]').css('outline-color','#FF0000');
    });
    $('#add').click(function() {
        var toAdd = $('input[name=checklistInput]').val();
        $('.list').append('<div class="item">' + toAdd + '</div>');
        $('input[name=checklistInput]').val('');
    });

    $('.item').on('mouseover', function() {
        $('.item').css('cursor', 'pointer');    
    });

    $(document).on('click','.item', function() {
    $(this).remove();
    });
});

上記のコードの全体的な目標が何であるかについて、さらに詳細が必要な場合はお知らせください。

ありがとう、

4

3 に答える 3

3

:hover疑似を使用してプレーンなCSSを使用するのはどうですか

.item:hover { cursor: pointer; }

JavaScript を使用する必要がある場合は、mouseenter代わりに使用mouseoverして、デフォルトの on にリセットしますmouseleave

于 2013-05-03T14:53:10.877 に答える
2

これは、プレーンな css を使用して実現できます。:Hover の使用は意味がありません。

.item{

 cursor:pointer;
}
于 2013-05-03T14:53:23.233 に答える
0

cssだけで

.item:hover {cursor : pointer}
于 2013-05-03T14:54:29.350 に答える