Translate Blog

12 Kasım 2014 Çarşamba

JQuery div sıralama / JQuery simple change div order

Sırasını değiştirmek istediğiniz div alanlarınız var ise, if you want to reorder your divs;

<div id='resim'>
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
</div>

Yukarıdaki gibi, like above;

<script>
$(function () {
var parent = $("#resim");
var divs = parent.children();
while (divs.length) {
parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
}
});
</script>

Bu script ile sayfanız yüklendikten sonra belirtilen id'li alanın içindeki tüm nesneler karışık bir şekilde hizalanabilir. Use this script to change your divs order. Just change div id attribute name.
Yorum Gönder