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');
});
});
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.