.hover()与jQuery只工作一次

Question

我的内容框已禁用,我尝试启用它.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的例子

Answer 1

使用.hide()而不是.remove(),
否则您将使用该hovered元素中的类删除DOM .dboxcontent元素.

像这样:

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

小提琴

实际上你不需要jQuery,只有CSS才是最好的解决方案.

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

这里只是CSS