Conflicten met jquery
Ik heb een probleem met verschillende bronnen van jQuery. Het gebruik van NoConflict in onderstaand script werkt ook niet. Hoe kan ik dit hert beste oplossen?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- Insert to your webpage before the </head> -->
<script>jQuery.noConflict();</script>
<script src="sliderengine/jquery.js"></script>
<script src="sliderengine/amazingslider.js"></script>
<script src="sliderengine/initslider-1.js"></script>
<!-- Linken t.b.v. tabbladen met jquery -->
<script>jQuery.noConflict();</script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="js/jqz.js"></script>
<!-- Einde linken tabbladen jQuery -->
<script>jQuery.noConflict();</script>
<script src="sliderengine/jquery.js"></script>
<script src="sliderengine/amazingslider.js"></script>
<script src="sliderengine/initslider-1.js"></script>
<!-- Linken t.b.v. tabbladen met jquery -->
<script>jQuery.noConflict();</script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="js/jqz.js"></script>
<!-- Einde linken tabbladen jQuery -->
Het probleem is in mijn geval dat door het toevoegen van het onderste deel in de head, het bovenste deel niet word uitgevoerd.
George
Daarnaast is het zo dat als je jquery functies wilt gebruiken, je wel eerst jquery moet aanroepen.
Code (php)
1
2
2
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>jQuery.noConflict();</script>
<script>jQuery.noConflict();</script>
het heeft volgens mij ook niet echt zin 2x
Code (php)
1
<script>jQuery.noConflict();</script>
toe te voegen
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<!-- Insert to your webpage before the </head> -->
<script src="sliderengine/jquery.js"></script>
<script src="sliderengine/amazingslider.js"></script>
<script src="sliderengine/initslider-1.js"></script>
<script>jQuery.noConflict();</script>
<!-- Linken t.b.v. tabbladen met jquery -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="js/jqz.js"></script>
<!-- Einde linken tabbladen jQuery -->
<script src="sliderengine/jquery.js"></script>
<script src="sliderengine/amazingslider.js"></script>
<script src="sliderengine/initslider-1.js"></script>
<script>jQuery.noConflict();</script>
<!-- Linken t.b.v. tabbladen met jquery -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="js/jqz.js"></script>
<!-- Einde linken tabbladen jQuery -->
Toevoeging op 07/05/2013 15:00:38:
OPLOSSING GEVONDEN:
Ik heb een oplossing gevonden door dejQuery in de head te plaatsen in het document waar uiteindelijk de jquery nodig was.
Alvast bedankt voor het meedenken.
George