如何使用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}