Wie verhindere ich, dass beim Öffnen eines jQuery UI-Dialogs an den Anfang einer Seite gescrollt wird?

Derzeit nutze ich jTemplates erstellen eine ziemlich große Tabelle auf dem client hat jede Zeile eine Schaltfläche, öffnet sich ein jQuery UI dialog. Allerdings, wenn ich nach unten scrollen die Seite und klicken Sie auf eine dieser Schaltflächen, jQuery dialog öffnet sich, aber die scroll-position verloren gehen und die Seite springt zurück an die Spitze (mit der Sperrung und der eigentliche dialog angezeigt, der aus dem Bildschirm). Hat jemand gesehen oder wissen, was könnte dieses problem verursachen?

Dank.

Kommentar zu dem Problem
Gesehen, dies vor, aber dann habe ich die folgenden plugins, um sicherzustellen, die scroll-position nicht verloren, plugins.jquery.com/project/ScrollTo Kommentarautor: S Philp

InformationsquelleAutor der Frage Kiwik | 2009-07-20

  1. 68

    Sind Sie mit einem anchor-tag zur Umsetzung der "button" , erscheint der dialog? Wenn so, Sie möchten das click-handler, öffnet sich der dialog den Wert false zurück, so dass die Standard-Aktion des Anker-Tags nicht aufgerufen. Wenn Sie eine Taste, Sie würden auch brauchen, um sicherzustellen, dass es nicht reichen (durch Rückgabe von false durch den hf) und vollständig aktualisieren Sie die Seite.

    Beispielsweise

    $('a.closeButton').click( function() {
     $('#dialog').dialog('open');
     return false;
});


<a class='closeButton'>Close</a>

    InformationsquelleAutor der Antwort tvanfosson

  2. 10

    Wenn Ihr Tasten arbeiten mit einem html-Anker-tag mit href="#" ersetzen Sie den href zum Beispiel durch href="javascript:;" oder jede andere Methode, die Sie verwenden, deaktivieren Sie die "href". Der Grund, warum das scrollen passiert ist, weil der href="#" blättert an den Anfang der Seite.

    InformationsquelleAutor der Antwort Frans Van Assche

  3. 6

    ändern Sie Ihren code wie folgt

    $('a.closeButton').click( function(e) {
    e.preventDefault();
     $('#dialog').dialog('open');
});

    InformationsquelleAutor der Antwort

  4. -2

    Können Sie versuchen :

    scrollTo(0, jQuery("body"));

    InformationsquelleAutor der Antwort Mehdi Chaouch

Schreibe einen Kommentar