Cách Sắp Sếp Các Phần Tử HTML Ngẫu Nhiên Bằng Jquey
Trong dự án “www.cuocsongmoi.vn” tôi gặp khá nhiều yêu cầu trước giờ chưa bao giờ gặp, trong đó là cách sắp xếp nhân viên kinh doanh ngẫu nhiên để quyền lợi các nhân viên được ngang bằng nhau.
Danh sách nhân viên được tôi liệt kê dưới dạng thẻ <ul>, việc chính là random các phần tử list (<li>) một cách ngẫu nhiên sau mỗi lần refesh lại.
Đầu tiên ví dụ tôi có một danh sách các nhân viên đại loại như sau:
Trọn vẹn đoạn code Jquery để thực hiện nhiệm vụ như sau:
$(document).ready(function(){
$('#list-chat').randomize('li');
});
// function random supportor
$.fn.randomize = function(selector){
var $elems = selector ? $(this).find(selector) : $(this).children(),
$parents = $elems.parent();
$parents.each(function(){
$(this).children(selector).sort(function(){
return Math.round(Math.random()) - 0.5;
// }). remove().appendTo(this); // 2014-05-24: Removed `random` but leaving for reference. See notes under 'ANOTHER EDIT'
}).detach().appendTo(this);
});
return this;
};các bạn đã làm được chưa? được rồi đúng không? mọi việc quá dễ dàng.
