javascript - jQuery 鼠标悬停功能无法正常工作

Question

悬停功能并不完美。这是 my code当鼠标放在 Details* 文本上时，整个 div 颜色变为黑色。但该功能无法正常工作。我希望只要将鼠标放在详细信息文本上，它就应该调用悬停功能，但现在它不能正常工作。有什么建议吗？

$('#disclaimer').hover(
        function () {
            $('#wrapper').addClass('hovered');
        }, function () {
            $('#wrapper').removeClass('hovered');
        }
    );

Answer 1

试试这个:

脚本:

$('#disclaimer').hover(
            function () {
                $('#wrapper').addClass('hover');
            }, function () {
                $('#wrapper').removeClass('hover');
            }
        );

样式:

.hover {
    display : block;
    background-color : black;
}
/* new css */
.hover #Image_Car { display: none; }
.hover #ctaBtn {    display: none; }
.hover #Image_logo {    display: none; }
.hover #headlineText {     display: none; }

fiddle :http://jsfiddle.net/U4EF8/7/