Перемешивание элементов на сайте с использованием jQuery
|
1 2 3 4 5 6 7 8 9 10 |
<div class="apo_shuffle"> <div class="apo_el">Я - элемент №1</div> <div class="apo_el">Я - элемент №2</div> <div class="apo_el">Я - элемент №3</div> <div class="apo_el">Я - элемент №4</div> <div class="apo_el">Я - элемент №5</div> <div class="apo_el">Я - элемент №6</div> <div class="apo_el">Я - элемент №7</div> <div class="apo_el">Я - элемент №8</div> </div> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<script type="text/javascript"> jQuery.fn.shuffle = function(){ var allElems = this.get(); var getRandom = function(max){ return Math.floor(Math.random() * max); } var shuffled = jQuery.map(allElems, function(){ var random = getRandom(allElems.length), randEl = jQuery(allElems[random]).clone(true)[0]; allElems.splice(random, 1); return randEl; }); this.each(function(i){ jQuery(this).replaceWith(jQuery(shuffled[i])); }); return jQuery(shuffled); }; // Перемешиваем элементы с классом apo_el, которые лежат внутри блока apo_shuffle jQuery('.apo_shuffle .apo_el').shuffle(); </script> |
Автор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
Спасибо, пригодится
Пожалуйста!
Это мне кажется, что на что-то похоже, чьёрт побъери... Таблица с фильтрами?