解决方案
这是来自comments的原创解决方案。确实,必须使用document
(或任何不受ajax调用影响的祖先元素)。
$(document).on({
mouseenter: function () {
$(this).find('.btn-group').fadeIn();
},
mouseleave: function () {
$(this).find('.btn-group').fadeOut();
}
}, '.table tbody tr');
原始
$(".table tbody").on("hover","tr",
function () {
$(this).children('td').children('.operation').children('.btn-group').fadeIn();
},
function () {
$(this).children('td').children('.operation').children('.btn-group').fadeOut();
}
);
编辑
确实,hover
已经过时,在这种情况下可能不起作用!试试这个:
$(".table tbody").on({
mouseenter: function () {
$(this).children('td').children('.operation').children('.btn-group').fadeIn();
},
mouseleave: function () {
$(this).children('td').children('.operation').children('.btn-group').fadeOut();
}
},'tr');
我不确定你在做什么,但这种方法甚至可能更短:
$(".table tbody").on({
mouseenter: function () {
$(this).find('.btn-group').fadeIn();
},
mouseleave: function () {
$(this).find('.btn-group').fadeOut();
}
},'tr');