Fout bij onhover en onclick

Status
Niet open voor verdere reacties.
B

Betibu

Gebruiker
Lid geworden
5 mrt 2016
Berichten
43
Ik heb een jQuery functie (voor in het menu). Dit script werkt, als ik click schrijf en als ik hover schrijf:


HTML: 
<script> 
$(document).ready(function(){
    $(".navsmall").click(function(){
        $(".menusmall").slideToggle("slow");
    });
});
</script>
<div class="navsmall">Menu openen of sluiten</div>
	<div class="menusmall"><ul>
    <li><a href="agenda.html">Agenda</a></li>
    <li><a href="nieuws.html">Nieuws</a></li>
    <li><a href="fotos.html">Foto's</a></li>
    <li><a href="uitlaat.html">Uitlaat</a></li>
    <li><a href="links.html">Links</a></li>
    <li><a href="contact.html">Contact</a></li>
    </ul></div>

Maar ik wil dat het werkt bij click en bij hover samen en dat lukt niet. Ik heb geen syntax error, toch werkt noch click, noch hover.
Dit is het script, wat is er fout aan denken jullie?
Code: 
<script> 
$(document).ready(function(){
    $(".navsmall").on("click hover"(function(){
        $(".menusmall").slideToggle("slow");
    }));
});
</script>
 
Vervang de 'hover' door 'mouseover'.
De 'hover' afvangen in een .on listener is al sinds versie 1.9 eruit gehaalt.
 
Laatst bewerkt:
Werkt nog niet...

Werkt helaas nog niet. Ik heb de mouseover gebruikt zonder click, dat werkte wel. Dit is nu mijn code die niet werkt, ter controle.
Ik heb met enkele en dubbele aanhalingstekens geprobeerd, in chrome en firefox. En nog steeds geen syntax error.

HTML: 
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
    $(".navsmall").on('click mouseover'(function(){
        $(".menusmall").slideToggle("slow");
    }));
}); 
</script>

<div class="navsmall">Menu openen of sluiten</div>
	<div class="menusmall"><ul>
    <li><a href="agenda.html">Agenda</a></li>
    <li><a href="nieuws.html">Nieuws</a></li>
    <li><a href="fotos.html">Foto's</a></li>
    <li><a href="uitlaat.html">Uitlaat</a></li>
    <li><a href="links.html">Links</a></li>
    <li><a href="contact.html">Contact</a></li>
    </ul></div>
 
Ahja, ik zie het.
Je hebt met het aanpassen van je '.click' naar '.on' niet alles correct aangepast.
Regel 4 (van je laatst geposte code) kun je veranderen naar:
Code: 
$(".navsmall").on('click mouseover[B]', [/B]function(){

Regel 6 kun je veranderen naar:
Code: 
});
 
Joepie, de code van Googlemuscle werkt inderdaad wel!
Bij het aanpassen van de code was ik inderdaad vergeten de komma te plaatsen na mouseover' maar zodra ik die komma had geplaatst, werkte het wel.
Maar regel zes mag ik niet veranderen of ik krijg syntax error. Het klopt ook als ik alle aanhalingstekens tel, er zijn er evenveel open als toe.
 
Laatst bewerkt:
De enige reden dat je die foutmelding dan krijgt is omdat je niet mijn gehele regel hebt overgenomen maar alleen de komma hebt aangepast.
Kijk maar even wat er nog meer veranderd is :p
 
Nog minder code

Ik heb nu gezien wat je nog had aangepast en het overgenomen. En dat aanhalingsteken op regel zes weggedaan. No syntax error, en het werkt. Nog twee tekens gespaard in de code! :)
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan