鼠标悬停时行的类更改适用于未更改的行，但不适用于DataTable的已排序行

Question

我正在使用以下脚本：

当我在行上盘旋时，当前悬停的行会附加一个名为.sorting_1的类....

事情很好......

但是说，当我点击一个cloumn标题来排序w.r.t那列的行时，那么当我将鼠标悬停在行上时，这些行不会得到附加的类.sorting_1

这是我的代码。

$("#campaigns_list tr").not(":first").hover(
                          function () {
                            $(this).find("td").addClass("sorting_1");
                          }, 
                          function () {
                            $(this).find("td").removeClass("sorting_1");
                          }
                        );

瘦，我怎么能解决这个问题呢？

Answer 1

尝试event delegation：

$(document).on('mouseenter', '#campaigns_list tr:not(":first")', function () {
   $(this).find("td").addClass("sorting_1");
}).on('mouseleave', '#campaigns_list tr:not(":first")', function() {
   $(this).find("td").removeClass("sorting_1");
});