dropdownmenu werkt lokaal, maar niet bij upload

Status
Niet open voor verdere reacties.
J

jeroen137

Gebruiker
Lid geworden
24 feb 2009
Berichten
19
Beste allemaal,

Ik ben bezig met een website voor 1 van mijn buren. Deze hebben een bedrijfje en wilden hier graag een website voor.

In het menu heb ik gebruik gemaakt van een dropdownmenu. Alles werkt gewoon als ik de website lokaal bekijk. Echter als ik de website upload, is het dropdownmenu er niet meer, maar laat de browser alles verkeerd zien.

Wat kan hier de oorzaak van zijn?

Het gaat om www.ellensverhuur.nl


Als bijlage .txt bestand toegevoegd van de index.
 

Bijlagen

  • inde.txt
    6,6 KB · Weergaven: 24
Laatst bewerkt:
In de console staat de volgende melding:
Uncaught TypeError: $(...).dropotron is not a function

Waarschijnlijk vergeet je om een bestand te includen of geef je een verkeerd pad op.
 
Bedankt, Ik heb het probleem kunnen oplossen. Ik weet alleen niet waarom het fout ging.

Zoals ik de code had:
<title>Ellen's Verhuur</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600|Source+Code+Pro" rel="stylesheet" />


<!--[if lte IE 8]><script src="html5shiv.js" type="text/javascript"></script><![endif]-->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

<script type="text/javascript">
function slideSwitch() {
var $active = $('#slideshow div.active');

etc.etc.etc.etc.
Klik om te vergroten...


Hoe hij wel werkt:
<title>Ellen's Verhuur</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600|Source+Code+Pro" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

<!--[if lte IE 8]><script src="html5shiv.js" type="text/javascript"></script><![endif]-->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>

<script type="text/javascript">
function slideSwitch() {
var $active = $('#slideshow div.active');

etc.etc.etc.
Klik om te vergroten...



Wie weet waarom dit wel werkt ? Snap zelf niet wat er fout gaat namelijk.

Bedankt!
 
Heb zo geen idee, Je included trouwens wel 2x jQuery, dit is iets wat meestal ook voor problemen zorgt.
 
dropotron voegt zichzelf toe aan jQuery. Door een andere jQuery versie erna in te laden, werd hetgeen waar dropotron zich aan toevoegt opnieuw vervangen met de clean jQuery versie..
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan