使用toggleClass（）切换CSS不适用于动态添加的行

Question

我在id = example的表中动态创建行。创建后，我想在mouseenter或mouseleave之后切换每行的CSS。我使用toggleClass执行此操作，如下所示：

$("#example").on("mouseenter","tr",function () {
    $(this).toggleClass("hoverClass");
});

$("#example").on(".mouseleave","tr",function () {
    $(this).toggleClass("hoverClass");
});

在<style>部分，我有：

.hoverClass
{
   background-color: yellow;
}

现在当我实际悬停时，类会切换到行但CSS不会被更改。 Chrome会显示添加CSS的删除情况。请看下面。

请建议。

Answer 1

您将黄色样式硬编码为html。使用jQuery添加初始样式，或者在脚本中使用更精确的选择器，或者按照建议添加！important。