[GELÖST] jquery korrekt einbinden

mörml · 14. März 2014 15:17

Hallo Gemeinde,

ich möchte das jquery-Plugin smint verwenden. Die smint.js sitzt in /lib/jquery/js/, das Menü ist über den Menümanager eingebunden.

Im Template habe ich folgendes stehen:

Hier klicken, um den Code zum Kopieren zu markieren

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="/lib/jquery/js/jquery.smint.js"></script>

Im Head funktioniert es nicht, am Ende von Body auch nicht, ebenso funzt

Hier klicken, um den Code zum Kopieren zu markieren

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="/lib/jquery/js/jquery.smint.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#navi').smint({
'scrollSpeed' : 1500
});</script>

nicht. Liegt es daran, dass ich das Navigationsmenü über den Menümanager einbinde?

VG mörml

rage_all · 14. März 2014 15:52

Vom Nicht-Coder dieses Forums, daher nur reine Meinung ohne Fachwissen:

Am liebsten binde ich alles erst kurz vor </body> ein.
Wenn das nicht geht - warum auch immer - binde ich die Bibliotheken als letztes vor </head> ein und die Steuerungen / Aufrufe kurz vor </body>.

Mehr kompetente Hilfe bekommst Du aber sicher wenn Du außerdem einen Fehler beilegen kannst, z.B. aus Firebug.
Oft sind es nur Kleinigkeiten, wie z.B. Aufruf in falscher Reihenfolge. Das ist aus eben der Fehlermeldung (meistens) klar ersichtlich.

mörml · 14. März 2014 15:59

Lieben Dank schon mal, rage_all. Ist das die Funktion "Konsole" im firebug?

nockenfell · 14. März 2014 20:42

mörml schrieb:

Ist das die Funktion "Konsole" im firebug?

Genau. Da kannst du mal schauen ob ein Fehler im JS angezeigt wird. Falls nein, musst du den Code kontrollieren. Heisst die Navi <div id="navi"> oder <ul id="navi"> oder so ähnlich.

--> Es empfielt sich auch mal eine Demo in einem normalen HTML File zu machen und wenn es funktioniert dies Schritt für Schritt ins CMS einzubauen. Dann hast du eine Referenz die Funktioniert und kannst so besser den Fehler suchen.

mörml · 15. März 2014 11:07

Ich schäme mich fast, die Auflösung zu schreiben...

Nachdem ich nun den gesamten smint-Ordner auf den Server geladen habe, funktioniert es einwandfrei. Dachte anfangs, die mitgelieferte .css sei lediglich eine Beispieldatei... Jetzt hauen sich sicherlich die Profis an den Kopf.

Trotzdem noch eine Frage: In der smint-Hilfe steht:

Add the jquery.smint.js to the head section of your page.
Call the function with the following script:
Hier klicken, um den Code zum Kopieren zu markieren
$(document).ready( function() { 
$('.subMenu').smint(); });  

---> Hab ich wie folgt vor den schließenden Body-tag gesetzt, funktioniert:

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint();
});
</script>

Options
SMINT is a simple plugin, so only has an option for how fast the page scrolls.
Hier klicken, um den Code zum Kopieren zu markieren
$('.subMenu').smint({
'scrollSpeed' : 1000
});
The default speed is 500 (half a second) but you can now set that to be whatever you like.

Das mit der Geschwindigkeit funktioniert bei mir nur, wenn ich zweimal ein vollständiges Script setze, also so:

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">
$(document).ready( function() {
$('.subMenu').smint();
});
</script>

<script type="text/javascript">
$('.subMenu').smint({
'scrollSpeed' : 5000
});
</script>

Müsste sich das nicht auch zusammenfassen lassen?

VG mörml

NaN · 17. März 2014 08:43

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">
$(document).ready( function() {
    $('.subMenu').smint({
        'scrollSpeed' : 1000
    });
});
</script>

mörml · 19. März 2014 15:03

Lieben Dank, NaN!

Forum für CMS/made simple

#1 14. März 2014 15:17

[GELÖST] jquery korrekt einbinden

#2 14. März 2014 15:52

Re: [GELÖST] jquery korrekt einbinden

#3 14. März 2014 15:59

Re: [GELÖST] jquery korrekt einbinden

#4 14. März 2014 20:42

Re: [GELÖST] jquery korrekt einbinden

#5 15. März 2014 11:07

Re: [GELÖST] jquery korrekt einbinden

#6 17. März 2014 08:43

Re: [GELÖST] jquery korrekt einbinden

#7 19. März 2014 15:03

Re: [GELÖST] jquery korrekt einbinden

Fußzeile des Forums