$(document).ready(function(e) { $("#liste").sortable({ cursor:"move", axis:"x,y", revert:true, items:"li", connectWith:"#liste2", activated:function(){ $("#sonuc").text("Yerleri Değiştirmek İçin sürükleyin"); }, change:function(){ $("#sonuc").text("Nesnelerin yerleri değişti"); }, beforeStop:function(){ $("#sonuc").text("Yer değiştirme tamamnlandı"); } }); $("#liste2").sortable({ connectWith:"#liste", items:"li:not(.ilk)", axis:"y" }); });
<ul id="liste"> <li>Anasayfa</li> <li>Hakkımızda</li> <li>İletişim</li> <li>Ivır Zıvır</li> </ul> <hr /> <ul id="liste2"> <li class="ilk">Buraya Taşı</li> </ul> <br /> <br /> <div id="sonuc"></div>