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

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

如何使用纯CSS使用:hover伪

.item:hover { cursor: pointer; } 

如果必须使用JavaScript，使用mouseenter代替mouseover以及重置为默认的mouseleave。

Answer 2

你可以使用普通的CSS来实现这一点。使用：悬停没有任何意义。

.item{ 

cursor:pointer; 
} 

Answer 3

只是在你的代码的CSS

.item:hover {cursor : pointer}