如何在jQuery中对随机div顺序进行排序? [英] How to sort a random div order in jQuery?

问题描述

在页面加载中，我使用以下代码随机分配了子div的顺序:

On page load, I am randomizing the order of the children divs with this Code:

function reorder() {
   var grp = $("#team-posts").children();
   var cnt = grp.length;

   var temp, x;
   for (var i = 0; i < cnt; i++) {
       temp = grp[i];
       x = Math.floor(Math.random() * cnt);
       grp[i] = grp[x];
       grp[x] = temp;
   }
   $(grp).remove();
   $("#team-posts").append($(grp));
}

我似乎无法弄清楚如何按原始顺序重新整理帖子.这是我当前代码的演示 http://jsfiddle.net/JsJs2/

I cannot seem to figure out how to get the posts back in the original order. Here's the demo of my current code http://jsfiddle.net/JsJs2/

推荐答案

在调用reorder()函数之前，请像下面那样保留原始副本，并在以后用于重新排序.

Keep original copy like following before calling reorder() function and use that for reorder later.

var orig = $("#team-posts").children();

$("#undo").click(function() {
    orderPosts();
});

function orderPosts() {
   $("#team-posts").html( orig )  ;
}

工作演示

Working demo

var orig = $("#team-posts").children(); ///caching original

reorder();

$("#undo").click(function(e) {
    e.preventDefault();
    orderPosts();
});

function reorder() {
    var grp = $("#team-posts").children();
    var cnt = grp.length;

    var temp, x;
    for (var i = 0; i < cnt; i++) {
        temp = grp[i];
        x = Math.floor(Math.random() * cnt);
        grp[i] = grp[x];
        grp[x] = temp;
    }
    $(grp).remove();
    $("#team-posts").append($(grp));
}

function orderPosts() {
    // set original order
    $("#team-posts").html(orig);
}

这篇关于如何在jQuery中对随机div顺序进行排序?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！