JQuery contra MoTools

[Zaolat]

Moin Moin,

ich habe bei einer Contao Installation Jquery aktiviert, da ich ein Jquery Script (Scroll to fixed) verwende.

Zusätzlich möchte ich jedoch auch beim Klick auf Bildern die Lightbox nutzen. Diese wird, soweit ich es erkannt habe, mit MoTools verwendet. Doch wenn ich MoTools aktiviere, funktioniert das JQuery Script nicht mehr.

Gibt es hierzu eine Lösung?

[Andreas]

Ja, da gibt es mehrere Lösungen. Nutze z.B. die Lightbox Colorbox von jQuery. Dann kannst du das MooTools wieder deaktivieren.

Dass dein Script nicht funktioniert hat, wird wahrscheinlich am Script selber liegen. Schau dir an, wie die Scripte von Contao eingebunden werden und mache es genau so, dann kannst du sie auch benutzen, wenn beide Bibliotheken eingebunden sind.

(function($) {
  $(document).ready(function() {

    // code here

  });
})(jQuery); 

[Zaolat]

Hallo, ich habe dein Rat umgesetzt und den eigenen Script Code für das Scroll to fixed angepaßt.
Allerdings hat das nicht geholfen.
Sobald ich MoTools aktiviere, funktioniert das Script nicht mehr.
Ich selber bin jedoch auch nicht so fest in der Materie und habe den Code übernommen. Daher wird es sicherlich dort den Fehler geben.

Gibt es eine alternative, wie ich die Navigation beim Scrollen im oberen Bereich fixieren kann?

[Andreas]

Zeige mal einen Link zum Problem. Und eine kurze Erklärung, was wann passieren soll.

[Zaolat]

Hier der Link:

http://livion-design.de/home-7.html

Wenn runtergescrollt wird soll die Hauptnavigation oben bleiben, sowie die Angebote rechts.

Gleichzeitig sollen die Bilder in einer Lightbox geöffnet werden.
Aktuell ist es nun so, dass das Scroll to fixe funktioniert, jedoch nicht die Lightbox

[Andreas]

Ok, dieses Script hier ist noch nicht richtig gewrappt

<!----  Scroll to fix --->
<script>
    $(document).ready(function() {

        // Dock the header to the top of the window when scrolled past the banner.

Dürfte aber nichts machen, da du MooTools jetzt ja nicht mehr drin hast.

Öffne die Konsole mit deinem Dev-Tool, z.B. Firebug. Du siehst da einen JS-Fehler, weil du kein Element ".footer" hast.

$('.footer').scrollToFixed( {
    bottom: 0,
    limit: $('.footer').offset().top
}); 

Die Colorbox sollte funktionieren, sobald du dort keine Fehler mehr hast.

Ich kenne das ScrollToFixed nicht. Ist ganz schön gewaltig, wenn man bedenkt, dass man nur die Scrollposition abfragt und dann eine Klasse in dieses Menü setzen müsste. Aber wie gesagt, ich kenne das Script nicht und weiß nicht, was es noch so alles bietet und welche Eventualitäten und Ausgabegeräte es alles abfängt.