jQuery und MooTools kommen sich in Quere

**kubjo** · 16.12.2014, 14:27

Hi Leute,

ich habe ein kleines JS-Problem:

Für die Mobile Navigation habe ich ein kleines Moo-Script unter: "Eigener JavaScript-Code" eingebunden:

wenn ich im Seitenlayout zusätzlich jQuery aktiviere funktioniert das script nicht mehr,
jQuery brauche ich aber mindestens auf der Startseite, für den Hintergrundwechsler von Caroufredsel.

Kann mir da jemand helfen?

Grüße aus Ludwigsburg
Jochen Kubik

**joe** · 16.12.2014, 14:40

Ich bin etwas irritiert.

Der nachfolgende Code ist jQuery und nicht mootools.

Nichts desto trotz ändere mal deinen Code wie folgt:

HTML-Code:

<script>
    !(function($) {

        document.documentElement.className += "js";

        $(document).ready(function() {

            $('.mod_quicknav').change(function(){
                $('.mod_quicknav form').attr('action', $(this).val()).submit();
                return false;
            });
        });

    })(jQuery)


</script>

**kubjo** · 17.12.2014, 12:05

Hallo joe,
vielen, vielen Dank, jetzt läufts!

Bei JS blicke ich einfach nicht durch

, dass dieses script ein jQueryscript ist, wußte ich nicht. Ich habe mooTools aktiviert, weil ich noch ein weiteres script als Template drin habe, das mir die obere Navigation beim runterscrollen oben "festtackert":

<?php
// StyleSheet dem <head> hinzufügen
$GLOBALS['TL_CSS'][] = 'files/CSS/stickyHeader.css||static';
?>
<script>
(function($) {
window.addEvent('domready', function() {

// Navigation zwischenspeichern
var nav = $('nav-main');

// Position zwischenspeichern
var navPosition = nav.getPosition();

// Status ob Position erreicht ist
var isEntered = false;

// Element für Logo erstellen
// und am Anfang des ersten a Tags einbinden
//var navLogo = new Element('span.nav-logo')
// .inject(nav.getElement('ul a.first'), 'top');

// Scroll Event an das window anhängen
window.addEvent('scroll', function(event) {

// Prüfen ob die Navigation schon erreicht wurde und ob isEntered true ist
if(this.getScroll().y >= navPosition.y && !isEntered) {
nav.addClass('sticky');
// navLogo.tween('margin-left', -10); // Einblenden des Logos mit Effekt
isEntered++;

// Prüfen ob der Navigationsbereich seine ursprungsposition einnehmen kann.
} else if(this.getScroll().y < navPosition.y && isEntered) {
nav.removeClass('sticky');
// navLogo.setStyle('margin-left', -59); // Ausblenden des Logos ohne Effekt
isEntered--;
}
});
})
})(document.id)
</script>

Läßt sich dieses ebenfalls ohne großen Aufwand in ein jQueryscript umwandeln? Dann könnt ich auf MooTools komplett verzichten, was mir eigentlich recht wäre ;-)

Grüße aus Ludwigsburg
Jochen Kubik

**joe** · 17.12.2014, 12:14

Hallo Jochen,

Da hast du mein Script aus dem javascript up my contao Vortrag von der Konferenz 2013 im Einsatz. Das ganze lässt sich natürlich auch mit jQuery realisieren. Allerdings haben momentan die bezahlten Jobs Vorrang. Vielleicht komme ich die Tage dazu, dass zu migrieren. Versprechen kann ich allerdings nichts