jquery - 如何使用 JQuery 将鼠标悬停在动态列表上时将光标更改为指针

Question

我有一个在屏幕加载后附加到的列表。我想在悬停后将光标更改为指针。到目前为止，我已经尝试使用 .on 事件，但它似乎不起作用。请查看以下行... $('.item').on('mouseover', function() { $('.item').css('光标', '指针');
});

$(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();
    });
});

如果您需要有关上述代码的总体目标的更多详细信息，请告诉我。

谢谢

Answer 1

如何使用 :hover 伪代码来使用纯 CSS

.item:hover { cursor: pointer; }

如果您必须使用 JavaScript，请使用 mouseenter 而不是 mouseover，并在 mouseleave 上重置为默认值。