Question

我有一个React.js应用程序，可以将项目添加到列表中。在我的index.html文件中，我使用jQuery来帮助将鼠标悬停在某些元素上，从而改变其他元素的样式。但是，添加新项目后，jQuery似乎无法识别它们。

$(".list-item").hover(function(){
    $(this).css("border", "1px solid #000");
    $("."+this.childNodes[0].classList[0]+" .item").css("display", "block");
    $("h2."+this.childNodes[0].classList[0]).css({"color":"#555"});
}, function(){
     ...
})

这适用于加载应用时存在的列表项，但不适用于用户稍后添加的元素。有没有办法让jQuery识别新元素，还是有更好的方法只使用CSS或React？

Answer 1

使用:hover CSS伪类。不要用jQuery做。

.list-item:hover
    border: 1px solid #000
    ...

    h2
    .other-class
    .etc

在React.js应用程序中jQuery样式的悬停CSS样式

1 个答案: