Wie ScrollTo weiter & & nächste element...

    <div class="wrap">
        <div class="layer">
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
    <div class="post"></div>
        </div>
    </div>
<span class="next" style="cursor:pointer;"> (next div) </span>

jQuery ScrollTo-Plugin (http://demos.flesler.com/jquery/scrollTo/)

$('.next').click(function() {
    $(".wrap").scrollTo( $('.post').next(), 800, {margin:true} );
});

Demo : http://jsfiddle.net/UaGjs/8/

Es funktioniert nicht 🙁
Es funktioniert nur 1. mal

Weil Sie immer wieder-Sie erhalten ein handle für das DOM-Elemente mit $('.post'), anstatt wieder über das Objekt und ruft .next() auf es iterativ.
Wie kann ich es beheben ? Plsss

InformationsquelleAutor l2aelba | 2011-05-04

  1. 8

    Arbeiten auf Tomalak die Antwort, die Sie brauchen, um zu aktualisieren, die Referenz obj Punkte, um zum nächsten element

    http://jsfiddle.net/UaGjs/7/

    var next;
$('.next').click(function() {
   if ( next === undefined ) {
     next = $('.post').next();
   } else {
      next = next.next();   
   }
   $(".wrap").scrollTo(next , 800, {margin:true} );
});

    Ich habe aktualisiert es mit Prev, aber es verbessert werden kann zu entfernen die Vervielfältigung

    http://jsfiddle.net/UaGjs/10/

    Hab ich gemerkt, es ist ein occompanying plugin namens Serielle Blättern

    Endgültige Bearbeitung

    http://jsfiddle.net/nickywaites/UaGjs/13/

    Okay gut Prev wird der Vorherige der nächsten und nicht der Ausgangspunkt... so dass Sie brauchen, um zu überprüfen, ob neben undefiniert zu. Ich denke, dass wir vielleicht in der Lage sein, um aufzuräumen ein bisschen.
    Ich meine nur es gibt eine Menge duplizierten code. Leider Mittagspause ist vorbei hier 🙂 hab ich aktualisiert meine Antwort um dir zu zeigen was ich meine.
    Ich habe noch ein edit mit ein bisschen mehr aufgeräumt-code.
    Ja, ich denke, dass ist ein sizing-Problem mit dem css. Ich bin mir nicht wirklich sicher, wie Sie Sie zu reparieren. Vielleicht spielen Sie mit dem breiten.
    Auch das ist gut 🙂 froh, dass ich helfen konnte

    InformationsquelleAutor Nicky Waites

  2. 1

    Weil Sie immer wieder-Sie erhalten ein handle für das DOM-Elemente mit $('.post'), anstatt wieder über das Objekt und ruft .next() auf es iterativ.

    Versuchen Sie die folgenden. Es ist ungetestet und rau/bereit, sollte aber zeigen, wie Sie bekommen können, um den scoping-Problem.

    $(function() {
    var $obj = $('post');
    $('.next').click(function() {
        $('.wrap').scrollTo($obj.next(), 800, { margin:true });
    });
});
    Dosent Arbeit 🙁 aber danke
    Es ist ein Ausgangspunkt. Einige Anstrengung erforderlich ist, um Schimmel in eine vollständige Lösung, die für Sie arbeitet.

    InformationsquelleAutor Lightness Races in Orbit

  3. 1

    Weil Sie immer wieder-Sie erhalten ein handle für das DOM-Elemente mit $('.post'), anstatt wieder über das Objekt und ruft .next() auf es iterativ.

    Versuchen Sie die folgenden. Es ist ungetestet und rau/bereit, sollte aber zeigen, wie Sie bekommen können, um den scoping-Problem.

    fügen Sie diese $(function() { var $obj = $('post'); $('.weiter').klicken Sie auf(Funktion() { $('.wrap').scrollTo($obj."next ()", 800, { margin:true }); }); });

    InformationsquelleAutor Mayank Jindal

  4. 0

    Hatte ich nicht viel Glück mit next(). Was ich Tat, war laden alle meine Elemente in der gleichen Klasse in ein array:

     myArray = $('.post');

    Dann initialisieren index:

     index = 1;

    Dann das array Durchlaufen:

    $('.next').click(function() {
 $(".wrap").scrollTo( myArray[index], 800, {margin:true} );
 index++;
});

    Hoffe, das ist hilfreich!

    InformationsquelleAutor LauraNMS

Schreibe einen Kommentar