Jester
Ich versuche, eine Navigation mit vier Slides zu generieren.
Hier geht es zu meiner Testseite (inklusive Code): http://jsfiddle.net/n9z2nppr/4/
Basiert habe ich mein Testcase auf dieser Vorlage.
Während die erste (linke) Slide und die letzte (rechte) Slide funktionieren, funktioniert das Schliessen der Slides bei den inneren Slides nicht wie gewünscht: Die Klassen .open-innerleft und .open-innerright werde nicht zurückgesetzt, wenn die Slides geschlossen werden.
Dies scheint mit diesme Codeschnipsel zu tun zu haben, das für genau zwei Slides gecodet ist:
Wie muss ich das Script anpassen, dass die inneren Slides auch funktionieren?
Herzlichen Dank im Voraus
Hier geht es zu meiner Testseite (inklusive Code): http://jsfiddle.net/n9z2nppr/4/
Basiert habe ich mein Testcase auf dieser Vorlage.
Während die erste (linke) Slide und die letzte (rechte) Slide funktionieren, funktioniert das Schliessen der Slides bei den inneren Slides nicht wie gewünscht: Die Klassen .open-innerleft und .open-innerright werde nicht zurückgesetzt, wenn die Slides geschlossen werden.
Dies scheint mit diesme Codeschnipsel zu tun zu haben, das für genau zwei Slides gecodet ist:
Javascript:
// back to intro
// after transition ends:
var onEndTransFn = function () {
this.removeEventListener(transEndEventName, onEndTransFn);
classie.add(splitlayout, 'reset-layout');
document.body.scrollTop = document.documentElement.scrollTop = 0;
},
backToIntro = function (ev) {
ev.preventDefault();
ev.stopPropagation();
var dir = classie.has(ev.target, 'back-left') ? 'left' : 'right',
page = dir === 'right' ? pageRight : pageLeft;
classie.remove(splitlayout, 'open-' + dir);
classie.add(splitlayout, 'close-' + dir);
page.addEventListener(transEndEventName, onEndTransFn);
};
Wie muss ich das Script anpassen, dass die inneren Slides auch funktionieren?
Herzlichen Dank im Voraus