jQueryで要素をシャッフルするプラグイン「jQuery Shuffle Plugin」


JQuery Shuffle Plugin | Yelotofu

ランダムに要素を並び替える

バナーの順番をランダムで切り替えたり、おすすめ情報の並び順を切り替えたりする時に使える「jQuery Shuffle Plugin」をご紹介。

jQueryのプラグインを使用すれば、特定の要素だけランダムで表示できるようになります。

IT/WEB業界への転職なら求人サイトGreen
ソースコードは以下

(function($){
$.fn.shuffle = function() {
return this.each(function(){
var items = $(this).children();
return (items.length)
? $(this).html($.shuffle(items))
: this;
});
}
$.shuffle = function(arr) {
for(
var j, x, i = arr.length; i;
j = parseInt(Math.random() * i),
x = arr[--i], arr[i] = arr[j], arr[j] = x
);
return arr;
}
})(jQuery);

使い方

要素をするだけで、ランダムに表示されるようになります。

$('ul').shuffle();

簡単ですね。
興味のある方は下のリンクからどうぞ!

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly