Wie schaffen die Paginierung wie Stack Overflow-Website

wie das erstellen der Paginierung wie stackoverflow?

Warum speziell Stack Overflow? Tut es das, ist etwas anderes als jede andere form der Paginierung?
Soweit ich sehen kann, Stack Overflow, die Paginierung ist vollständig server-Seite: es hat nichts zu tun mit Javascript oder jQuery.
seine client-Seite Paginierung, wenn Sie deaktivieren Sie javascript in Ihrem browser können Sie diese Meldung sehen, die "Stack Overflow works best with JavaScript enabled" und alle Seiten auf einer Seite
Während es zeigt, dass die Nachricht, wenn javascript deaktiviert ist, wird die Paginierung funktioniert immer noch.
Es ist natürlich nicht herunterladen 600k Fragen an den browser.

InformationsquelleAutor user1400 | 2010-04-20

  1. 7

    Ihnen nicht sagen, was server-side-Technologie, die Sie verwenden, aber wenn Sie möchten, eine Reine client-side-Lösung, können Sie einen Blick auf die jQuery Pagination plugin. Hier ist ein demo-Seite.

    InformationsquelleAutor Darin Dimitrov

  2. 1

    Verwenden Jquery-plugin Paginierung:

    http://plugins.jquery.com/project/pagination

    ich sehe es schon gegeben, indem Darin Dimitrov
    Oh ok, in Ordnung. Ich check nur auf jquery pagination link es gibt verschiedene url, damit nur ich die jquery-main-plugins url. Jetzt habe ich überprüft, es ist demo-Seite verlinken. Ok gut.

    InformationsquelleAutor Karthik

  3. 1

    Können Sie erstellen, die Paginierung mit twitter bootstrap mit weniger als 10 Zeilen code wie dieser
    Wie schaffen die Paginierung wie Stack Overflow-Website

    InformationsquelleAutor Nisham Mahsin

  5. 0

    können Sie diese Funktion nutzen zu:

    function makePaging(totalPages, pageIndex) {
    var oPaging, i, j, k;
    var totalPages = parseInt(totalPages);

    pageIndex++;

    i = pageIndex;
    j = pageIndex - 1;
    k = pageIndex + 1;

    var oBefore, oAfter;
    oBefore = "";
    oAfter = "";

    while (j != 0 && j != i - 6) {
        oBefore = "<a class='Page' href='#' data-index='" + (j - 1) + "'>" + j + "</a>&nbsp;" + oBefore;
        j--;
    }

    for (; k < totalPages + 1 && k < i + 6; k++) {
        oAfter += "<a class='Page' href='#' data-index='" + (k - 1) + "'>" + k + "</a>&nbsp;";
    }

    oPaging = oBefore + "<a class='CurPage' href='#' rel='' style='color:Red;'>" + i.toString() + "</a>&nbsp;" + oAfter;

    return oPaging;
}

    InformationsquelleAutor Mohamad Shiralizadeh

Schreibe einen Kommentar