[Opgelost] Javascript in head

Victor · 15 October 2012

Hallo allemaal,

Ik ben een beetje aan het spelen met javascript en jQuery. Nu dacht ik altijd dat javascript in header moest. Dus:

....
<head>
<script type="text/javascript">
...
</script>
</head>
....

Ik had een soort uitklap dingetje geschreven. (Handig voor F.A.Q.'s bijvoorbeeld) Alleen die pakt hij dus niet als de javascript in de header staat. Nu heb ik deze in de body gezet en werkt het wel.
Het werkt ook niet als ik een externe file in de header óf de body laad. Beide geen resultaat.

Iemand enig idee hoe dat komt?

Groeten,

Victor

FrankY · 15 October 2012

<header> moet <head> zijn.

Victor · 15 October 2012

Jaa, natuurlijk. Stomme typfout
Dit staat overigens wel goed in mijn code.

RicardoC · 15 October 2012

Wat je ook kan doen is, meer code posten.... want zo kunnen we je niet helpen denk ik

Victor · 15 October 2012

Normaal zou ik altijd code posten, maar ik denk niet dat dat in dit geval veel gaat helpen. De code werkt in de body, maar niet in de head. Ik heb altijd geleerd dat javascript in de head hoort en dus snap ik niet waarom het niet werkt.

Ferhat.Remory · 15 October 2012

in je head kan je de js ook includen ?

Victor · 15 October 2012

Nee, als ik de js in de head include werkt het niet. Als de code in de head staat werkt het niet. Als ik de code in de body zet werkt het wel, maar als ik de code in de body include werkt het weer niet.

Heel vreemd..

RicardoC · 15 October 2012

Dat komt omdat de javascript code ónder de html moet staan van je menu.. Dit omdat de code die jij waarschijnlijk geschreven hebt direct zoekt naar de div/ul van je menu.

Zolang de javascript code er onder staat zal die het altijd vinden, op het moment dat je het in je <head> zet zoekt die naar een element dat er op dat moment niet is?

Dit is natuurlijk puur een gok omdat ik niet weet hoe je code er uit ziet, maar dit is een welbekend iets met jQuery of andere javascript frameworks

Victor · 15 October 2012

Ik zal even wat code posten.

Html:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel='stylesheet' type='text/css' href='layout.php' />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/javascript.js"></script>
</head>
<body>
<a href="#" id="#algemeen">(+) Algemeen</a>


<div id="algemeen" style="display: none;">
Tekst
</div>
</body>
</html>

Toon Meer

javascript.js :

Code

$(function() {
		$('a[id$="#algemeen"]').click(function() {
			$('#algemeen').toggle(400);
		});
	});

Dit is overigens geen menu, maar wel hetzelfde idee.

Tim · 15 October 2012

Hallo,

Verander eens $(function() {
Naar $(document).ready(function() {

Betwijfel of dit het probleem oplost. Maar ter netheid

Mvg,
Tim

RicardoC · 15 October 2012

Dit is wel heel stom, heb je code opgeslagen om te testen en het werkt hier gewoon?

Victor · 15 October 2012

Tim
Vreemd genoeg was dat wel de oplossing.

RicardoC
Ik begrijp je reactie niet helemaal.

RicardoC · 15 October 2012

Wat ik bedoel is, zonder het aan te passen werkt het gewoon

Victor · 15 October 2012

Citaat van RicardoC

Wat ik bedoel is, zonder het aan te passen werkt het gewoon

Ik heb Tim's aanpassing gedaan. Toen werkte het.. daarvoor niet.
Misschien had ik ergens een typefout gemaakt?

DNS update Directadmin

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

App bouwer gezocht

4G met USB Dongle - windows 11 Chrome of Firefox - browser probleem

Hosting en websites op maat

Xenforo buckaroo plugin

300+ Nieuwe domeinnamen Maart 2024

Actieve crime

[Opgelost] Javascript in head

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken