nicht angemeldet
Brauche Hilfe mit jQuery - ImgMenu & Flexslieder
Hallo ihr Lieben,
seit der letzten Änderungen von nPage ist jQuery 1.10.2 automatisch eingebunden.
Das führt aber zu Problemen mit meinem bisher verwendeten jQuery für mein Image Menu und den Flexslider.
Jetzt möchte ich gerne meine JS so aktualisieren, dass sie mit jQuery 1.10.2 kompatibel sind und somit das jQuery nutzen das mein Hoster ausliefert.
Leider kenne ich mich dazu aber nicht gut genug aus und brauche dringend Hilfe.
Hier alles zu dem imgMenu (Parson of Pirates)
Header
<link type="text/css" rel="stylesheet" href="http://file1.npage.de/004659/55/html/jimgmenukwicks-g.css"/>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery.kwicks-1.5.1.pack.js"></script>
Body
<div class="jimgMenu">
<ul style="width: 740px; height: 250px;">
<li id="ggeburt" style="left: 0px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf.html">GGeburt</a></li>
<li id="g1woche" style="left: 95px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf1.html">G1Wochen</a></li>
<li id="g2wochen" style="left: 190px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf2.html">G2Wochen</a></li>
<li id="g3wochen" style="left: 285px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf3.html">G3Wochen</a></li>
<li id="g4wochen" style="right: 380px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf4.html">G4Wochen</a></li>
<li id="g5wochen" style="left: 475px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf5.html">G5Wochen</a></li>
<li id="g6wochen" style="left: 570px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf6.html">G6Wochen</a></li>
<li id="g7wochen" style="left: 665px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf7.html">G7Wochen</a></li>
<li id="g8wochen" style="left: 760px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf8.html">G8Wochen</a></li>
<li id="g9wochen" style="right: 855px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf9.html">G9Wochen</a></li>
</ul>
</div>
<script type="text/javascript">
$().ready(function() {
$('.jimgMenu ul').kwicks({max: 310, duration: 300, easing: 'easeOutQuad', complete: 'callback'});
});
</script>
Und der Flexslider auf Mataglani Bengalcats
Header
<link rel="stylesheet" href="http://file2.npage.de/013459/28/html/flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://file2.npage.de/013459/28/html/jquery.flexslider.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
Body
<table border="0" cellpadding="0" cellspacing="0" height="410" width="724">
<tbody>
<tr>
<td>
<div class="flexslider">
<ul class="slides">
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide0.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide1.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide2.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide3.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide4.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide5.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide6.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide7.jpg" />
</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
Vielen Dank im Voraus, ich bin für jede Hilfe dankbar.
-
Jetzt möchte ich gerne meine JS so aktualisieren, dass sie mit jQuery 1.10.2 kompatibel sind und somit das jQuery nutzen das mein Hoster ausliefert.
Oder die noConflict()-Methode verwenden, nur bin ich mir auch da nicht ganz sicher wie ich es machen muss :(
-
Hallo,
Oder die noConflict()-Methode verwenden, nur bin ich mir auch da nicht ganz sicher wie ich es machen muss :(
Momentan ist die Reihenfolge im HTML-Quelltext so:
1. Deine Scripte werden geladen, mit jQuery 1.3.2
2. Die Scripte von nPage werden geladen, mit jQuery 1.10.2Das sorgt normalerweise dafür, dass jQuery 1.3.2 mit 1.10.2 überschrieben wird.
Hier kann noConflict helfen und deine Version wiederherstellen. Du hast es ja schon eingebaut und es scheint auch zu funktionieren, zumindest verweisen window.jQuery und window.$ jetzt auf 1.3.2.
Ist das Problem damit nicht gelöst?
Mathias
-
-
Hallo!
Jetzt möchte ich gerne meine JS so aktualisieren, dass sie mit jQuery 1.10.2 kompatibel sind und somit das jQuery nutzen das mein Hoster ausliefert.
In dem Code, den du gepostet hast, sehe ich direkt nichts, was nicht mit jQuery 1.10.2 kompatibel ist. Ich vermute, irgendein jQuery-Plugin funktioniert nicht richtig mit der neuen jQuery-Version. Hier mögliche Fehler in den Plugins zu finden, ist äußerst schwierig, wenn es nicht z.B. einen JavaScript-Ausnahmefehler auf der JavaScript-Konsole zu sehen gibt (gibt es eine Fehlermeldung?). Letztlich müssen die Entwickler der Plugins die nötigen Änderungen vornehmen.
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery.kwicks-1.5.1.pack.js"></script>[/code]
<script src="http://file2.npage.de/013459/28/html/jquery.flexslider.js"></script>Ich kann nur raten, diese Plugins zu aktualisieren. Also die neuesten Versionen herunterzuladen und einzubinden. Möglicherweise sind diese auch für neuere jQuerys geeignet. Das steht oft auf den Seiten der Plugins.
Grüße
Mathias-
Hallo!
Jetzt möchte ich gerne meine JS so aktualisieren, dass sie mit jQuery 1.10.2 kompatibel sind und somit das jQuery nutzen das mein Hoster ausliefert.
In dem Code, den du gepostet hast, sehe ich direkt nichts, was nicht mit jQuery 1.10.2 kompatibel ist. Ich vermute, irgendein jQuery-Plugin funktioniert nicht richtig mit der neuen jQuery-Version. Hier mögliche Fehler in den Plugins zu finden, ist äußerst schwierig, wenn es nicht z.B. einen JavaScript-Ausnahmefehler auf der JavaScript-Konsole zu sehen gibt (gibt es eine Fehlermeldung?). Letztlich müssen die Entwickler der Plugins die nötigen Änderungen vornehmen.
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery.kwicks-1.5.1.pack.js"></script>[/code]
<script src="http://file2.npage.de/013459/28/html/jquery.flexslider.js"></script>Ich kann nur raten, diese Plugins zu aktualisieren. Also die neuesten Versionen herunterzuladen und einzubinden. Möglicherweise sind diese auch für neuere jQuerys geeignet. Das steht oft auf den Seiten der Plugins.
Grüße
MathiasHallo Mathias und danke für deine Antwort.
Ich habe mir die noConflict Lösung auf ein paar verschiedenen Seiten durchgelesen und das Problem lösen können. Musste nur das hier einfügen: var jq151 = jQuery.noConflict(true); beim imgmenu und var jq162 = jQuery.noConflict(true); beim flexslider - jetzt funktioniert alles wie es soll! :)
-