16

这看起来有效，但它不起作用。当菜单悬停在上面时，我希望 'huh' div 变得不透明。我用淡入/淡出尝试了这个，它起作用了，但只有一次很奇怪。

 <script type="text/javascript">
    $( function() {
        $('#menuNav').hover( function() {
            $('#huh').addClass('.opacity');
        }, function(){
            $('#huh').removeClass('.opacity');
        });
    });

</script>

.opacity {
    opacity: 0.3;
}
4

9 回答 9

36

不带点使用它：

 $(function(){

        $('#menuNav').hover(function(){

            $('#huh').addClass('opacity');
        }, function(){
            $('#huh').removeClass('opacity');
        });
    });
于 2013-07-30T07:47:32.973 回答
8 
$( function() {
    $('#menuNav').hover( function() {
        $('#huh').toggleClass('opacity');
    });
});
于 2014-02-11T05:21:13.837 回答
6

.hover()使许多事件，更好地使用.mouseenter()。另请注意，添加类时，您没有.（点）。

$(function(){

        $('#menuNav').mouseenter(function(){

            $('#huh').addClass('opacity');
        }, function(){
            $('#huh').removeClass('opacity');
        });
    });
于 2013-07-30T07:48:30.387 回答
5

用过这个删除.

    $('#huh').addClass('opacity'); // remove .

 $('#huh').removeClass('opacity'); // remove .

===============

或者习惯 

toggleClass in jquery

$(function(){

        $('#menuNav').hover(function(){
            $('#huh').toggleClass('opacity');
        });
    });

更多关于这个

于 2013-07-30T07:47:56.223 回答
2

尝试这个

 <script>
    $(function(){
    $('#menuNav').hover(function(){
        $('#huh').addClass('opacity');
    }, function(){
        $('#huh').removeClass('opacity');
    });
 });

</script>
于 2013-07-30T07:47:43.033 回答
2

.您的类名中有一个addClassand removeClass，调用这些方法时需要添加和删除不带点的内容。IE

$(function() {
    $('#menuNav').hover(function(){
        $('#huh').addClass('opacity');
    }, function(){
        $('#huh').removeClass('opacity');
    });
});
于 2013-07-30T07:48:44.883 回答
1

.删除然后使用这个 javascript

 $(function(){
    $('#menuNav').hover(function(){
        $('#huh').addClass('opacity');
    }, function(){
        $('#huh').removeClass('opacity');
    });
 });
于 2013-07-30T07:52:20.743 回答
1

尝试这个

$("#menuNav").mouseenter(function() {
    $('#huh').addClass('opacity');
}).mouseleave(function() {
    $('#huh').removeClass('opacity');
});
于 2013-07-30T07:56:01.560 回答
-2

示例：h1使用更改字体颜色jquery：

$(function(){$('h1').addClass('correct');});

希望这可以帮助。

于 2020-06-27T07:38:20.840 回答