Question

我有一个列表，我将在屏幕加载后附加到该列表中。我希望在悬停后将光标更改为指针。到目前为止，我已尝试使用.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();
    });
});

如果您需要有关上述代码总体目标的详细信息，请与我们联系。

谢谢，

Answer 1

如何使用:hover伪

使用普通css

.item:hover { cursor: pointer; }

如果您必须使用javascript，请使用mouseenter代替mouseover，并在mouseleave重置为默认值。

Answer 2

您可以使用普通css实现此目的。使用：悬停没有任何意义。

.item{

 cursor:pointer;
}

Answer 3

只是用css

.item:hover {cursor : pointer}

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

3 个答案: