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.