jQuery.addClass werkt niet

Dit ziet er goed uit, maar het werkt niet. Ik zou willen dat de ‘huh’-div ondoorzichtig wordt als er met de muis over het menu wordt gezwaaid. Ik heb dit geprobeerd met fadein/out en het werkte, maar alleen die ene keer was vreemd.

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

Antwoord 1, autoriteit 100%

Gebruik het zonder punt:

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

Antwoord 2, autoriteit 22%

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

Antwoord 3, autoriteit 19%

.hover() maakt veel evenementen, beter om .mouseenter() te gebruiken. Houd er ook rekening mee dat wanneer je een klas toevoegt, je de . (punt).

$(function(){
        $('#menuNav').mouseenter(function(){
            $('#huh').addClass('opacity');
        }, function(){
            $('#huh').removeClass('opacity');
        });
    });

Antwoord 4, autoriteit 14%

Dit gebruikt Verwijder .

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

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

Of vroeger

toggleClass in jquery

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

Meer hierover


Antwoord 5, autoriteit 6%

Probeer dit

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

Antwoord 6, autoriteit 6%

Je hebt een . in je klassenaam in addClass en removeClass, je moet toevoegen en verwijderen zonder de punt wanneer je deze methoden aanroept . d.w.z.

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

Antwoord 7, autoriteit 3%

. verwijder en gebruik dit javascript

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

Antwoord 8, autoriteit 3%

Probeer dit

$("#menuNav").mouseenter(function() {
    $('#huh').addClass('opacity');
}).mouseleave(function() {
    $('#huh').removeClass('opacity');
});

Antwoord 9

Voorbeeld: verander de letterkleur h1 met jquery:

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

Hopelijk helpt dit.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Other episodes