jQuery Metro Codeprobleme

[proximate]

Hallo Community,
Ich habe mir vor kurzem zum Ziel gemacht meine Page etwas zu metronisieren ^^

Hierzu habe ich im Internet folgendes gefunden :
jQuery Metro

Nun zu meinem Problem, das ganze funktioniert hier grundlegend ganz OK :
Link zur Seite

Nun möchte ich jedoch wie bei der Homepage des entwicklers oben zu sehen ist noch zwei Buttons für Weiter und zurück.

Firebug gibt mir hier folgenden Wert aus :

<span style="font-size:30pt;"><a href="javascript:pivot_previous();">‹</a><a href="javascript:pivot_next();">›</a></span>

Auf der Projektseite des *erbringers* gibt es ledier nur sehr spärliche Informationen und per Mail bekomme ich keine Antwort...

Den ganzen jQuery Code hier ein zu fügen wäre etwas overkill ich denke ohne hin das die Lösung sich in diesen Codezeilen versteckt. Ich hoffe mir kann jemand beim *entschlüsseln* helfen?

jQuery Ausschnitt :

        $.extend(this, defaults, settings);
        $.extend(this,{
            animating : false,
            headers : undefined,
            items : undefined,
            goToNext: function(){
                if(this.animating) return;
                this.headers.children(".current").next().trigger("click");
            },
            goToPrevious: function(){
                if(this.animating) return;
                this.headers.children(".header").last().trigger("click");
            },
            goToItemByName:function(header){
                if(this.animating) return;
                this.headers.children(":contains("+header+")").first().trigger("click");
            },
            goToItemByIndex:function(index){
                if(this.animating) return;
                this.headers.children().eq(index).trigger("click");
            },
            initialize : function () {
                var pivot = this;
                // define sections

Was ich am Anfang als Schnittstelle habe :

var defaults = {
        animationDuration: 300,
        headerOpacity: 0.7,
        fixedHeaders: false,
        headerSelector: function (item) { return item.children("h3").first(); },
        itemSelector: function (item) { return item.children(".pivot-item"); },
        headerItemTemplate: function () { return $("<span class='header' />"); },
        pivotItemTemplate: function () { return $("<div class='pivotItem' />"); },
        itemsTemplate: function () { return $("<div class='items' />"); },
        headersTemplate: function () { return $("<div class='headers' />"); },
        controlInitialized: undefined,
        selectedItemChanged: undefined
    };

Und hier gehts zum kompletten Code

Ich habe bereits etwas erfahrung mit jQuery im Bereich Animation (show hide fade toggle etc. aber das hier sprengt ein bisschen meinen Horizont ^^

Ich hoffe jemand kann mir weiterhelfen

Grüsse

ProXi
</div>

 

[Duddle]

AW: jQuery Metro Codeprobleme

Du rufst auf deiner Seite

javascript:goToNext;

auf. Dies ist nicht definiert (solltest du im Firebug gesehen haben). Derer Gründe sind zwei: zum einen ist nirgendwo eine Funktion namens goToNext definiert, zum anderen würde sie so auch nicht aufrufbar sein. Du willst

javascript:goToNext();

- beachte den Unterschied in beiden Versionen.

Ich vermute, du hast pivot_next() auf der PlugIn-Seite gefunden, "entpackt" und wolltest dann goToNext() wie im dortigen Beispiel aufrufen. Der Unterschied ist aber, dass dort goToNext() im Kontext des jQuery-Objektes,

$("div.metro-pivot")

welches bei der Aktivierung ein paar zusätzliche Methoden vom PlugIn erhalten hat, aufgerufen wird.
Oder anders gesagt:

$("div.metro-pivot").data("controller").goToNext();

Hier wird zuerst das jQuery-Objekt geholt, dann wird eine interne Datenstruktur "controller" angesprochen, die wiederum die Methoden zum Weiterschalten anbietet.

Du musst diese Funktionen/Methoden ebenso ansprechen, sonst weiß JS nicht, wo es die gibt. Dann funktioniert es auch bei deiner Seite (zumindest wenn ich es im Firebug ausprobiere).


Duddle

 

[proximate]

AW: jQuery Metro Codeprobleme

verdammicht, ich wusste doch ich bin zu doof

Danke dir Duddle