2013-08-06 34 views
0

我目前正试图随机添加谷歌电子表格中的JSON数据。任何帮助?目前,我成功地将数据附加到一个div,但它都出现在顺序。我如何随机化它?由于如何随机附加JSON数据?

$(document).ready(function() { 

$(function listBooks() {  

$.getJSON("https://spreadsheets.google.com/feeds/list/0Am2EHR2fZWeDdDZmTXhZUkJYZ09xNDhHeXM5Z0ZwQnc/od6/public/values?alt=json-in-script&callback=?", function (data) { 

    $('div#book-list').append('<ul class="items"></ul>'); 

    $.each(data.feed.entry, function(i,entry) { 

     var item = '<span style="display:none">' + entry.id.$t + '</span>'; 

     item += '<a href="' + entry.gsx$link1.$t + '" onclick="enablesubmit();" target="_blank">Click</a>&nbsp;'; 
     item += '<a href="' + entry.gsx$link2.$t + '" onclick="enablesubmit();" target="_blank">Click</a>&nbsp;'; 
     item += '<a href="' + entry.gsx$link3.$t + '" onclick="enablesubmit();" target="_blank">Click</a>&nbsp;'; 
     item += '<a href="' + entry.gsx$link4.$t + '" onclick="enablesubmit();" target="_blank">Click</a>&nbsp;'; 

     $('.items').append('<li>' + item + '</span></li>'); 

     }); 

     }); 


    }); 

}); 

回答

0

你可以试试这个

$(document).ready(function() { 

$(function listBooks() {  

$.getJSON("https://spreadsheets.google.com/feeds/list/0Am2EHR2fZWeDdDZmTXhZUkJYZ09xNDhHeXM5Z0ZwQnc/od6/public/values?alt=json-in-script&callback=?", function (data) { 

    $('div#book-list').append('<ul class="items"></ul>'); 

    // temporary ul 
    $ul = $('<ul></ul>'); 
    $.each(data.feed.entry, function(i,entry) { 

     var item = '<span style="display:none">' + entry.id.$t + '</span>'; 

     item += '<a href="' + entry.gsx$link1.$t + '" onclick="enablesubmit();" target="_blank">Click</a>&nbsp;'; 
     item += '<a href="' + entry.gsx$link2.$t + '" onclick="enablesubmit();" target="_blank">Click</a>&nbsp;'; 
     item += '<a href="' + entry.gsx$link3.$t + '" onclick="enablesubmit();" target="_blank">Click</a>&nbsp;'; 
     item += '<a href="' + entry.gsx$link4.$t + '" onclick="enablesubmit();" target="_blank">Click</a>&nbsp;'; 


     $ul.append('<li>' + i + '-'+ item + '</span></li>'); 

     }); 

     // Shuffle children 
     var children = $ul.children(); 
     children = shuffle (children) 
     // Append children 
     $('.items').append(children); 
     }); 


    }); 

}); 


function shuffle(o){ //v1.0 
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); 
    return o; 
}; 

Shuffle

+0

谢谢!像魅力一样工作:D –