jQuery und mootols-Kombi macht Probleme

iinside

Grünschnabel
Hi zusammen!

bin ehrlich gesagt ein echter Laie in der Webentwicklung, deswegen auch hier eine möglicherweise einfache Frage für Könner.

Habe für meine Menüleiste mootols verwendet, was bisher ausgezeichnet funktioniert hat. In meiner - eigens codierten - Galerie verwende ich ebenso das jQuery-Ligthtbox Plugin. Ausgereichnet auf der Seite funktioniert die Menü-"Animation" nicht mehr. Das heißt, das Menü klappt/scrolled nicht mehr auf, sondern erscheint prompt und man kann darauf nichts klicken.

HTML:
<head>
<title><? echo $_GET['name']; ?></title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<link rel="stylesheet" type="text/css" media="screen" href="../css/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../css/dropdown.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../css/tablelayout.css" />
<link rel="stylesheet" type="text/css" href="/css/mod.css">

		

	<script type="text/javascript" src="../scripts/mootools.js"> </script>
	<script type="text/javascript" src="../scripts/mootools-plugins.js"> </script>
	<script type="text/javascript" src="../scripts/dropdown-compressed.js"> </script>
	<script type="text/javascript" src="/jquery-lightbox/scripts/jquery-1.4.2.js"></script>
		<script type="text/javascript" src="/jquery-lightbox/scripts/jquery.lightbox.js"></script>
		<script type="text/javascript">$(function(){
			$.Lightbox.construct({
				"show_linkback":    false
				});
			});
 		</script>
	<script type="text/javascript">
		new UvumiDropdown('nav');
	</script>
</head>

Zu sehen auf fehlerhafte Seite

Normale Menü-Animation: Link

Dankbar für jede Hilfe/Workaround!

Merci im Voraus und Grüße,
iinside
 
Zuletzt bearbeitet:
Du musst direkt nach dem Einbinden der jQuery-Datei jQuery.noConflict(); aufrufen vgl. hier.
Allerdings musst du dann überall statt $() jQuery() schreiben.
 
<script type="text/javascript">
jQuery.noConflict();

jQuery(function(){
jQuery.Lightbox.construct({
"show_linkback": false
});
});
</script>

So?

Wenn ja - funktioniert es nicht ;-)
 
Du kannst auch eine Referenz auf das jQuery closer setzten.

Javascript:
var $Q = jQuery.noConflict();

$Q.click(function() { });
 
Zuletzt bearbeitet von einem Moderator:
Ich glaube du müsstest schreiben:
Javascript:
$().noConflict();

jQuery(function(){
jQuery.Lightbox.construct({
"show_linkback": false
});
});
 
Zurück