javascript - jQuery的.hover()仅可运行一次

我的内容框已禁用，我尝试使用.hover()启用它，但是问题是.hover()仅在第一次悬停时起作用，而不是每次都起作用。内容框类为.dboxcontent：

$('div.conbox').hover(function () {
    var activeID = $(this).attr('id');
    $('#' + activeID + ' .dboxcontent').show();
}, function () {
    var activeID = $(this).attr('id');
    $('#' + activeID + ' .dboxcontent').remove();
});

jsfiddle example

最佳答案

使用.hide()代替.remove()，
否则，您将在该悬停的元素内删除类为.dboxcontent的DOM元素。

像这样：

$('div.conbox').hover(function () {
    $(this).find('.dboxcontent').show();
}, function () {
    $(this).find('.dboxcontent').hide();
});

Fiddle

实际上，您不需要jQuery，仅CSS是这里的最佳解决方案。

.conbox:hover .dboxcontent {
    display: block;
}

只是CSS here