Mutlaka görmüşsünüzdür.Bir nesneyi istediğiniz yere taşıyabiliyorsunuz.Özellikle wordpress gibi sistemlerde bu çok yaygındır.Peki bunları nasıl yapıyorlar?Aslında bunu yapmak Javascript için sayfalarca kod sürebilir.Ama jQuery için tek satır kod.Nasıl mı?Birlikte görelim:Bu tekniği bize jQuery Ui sunuyor.Birkaç dosya include edicez tabi olsun o kadar.İlk önce include edeceğimiz dosyaları indirelim.jQuery’yi indirmek için burayıBuradan da indireceğiniz jQuery Ui özelliklerini seçerek ui.core ve ui.draggable dosyalarını indirin.
Burda “box” id’li div’e draggable yani taşınabilir özellik verdik.Bir de bırakılabilir özellik alanlar var.Biz bunlara droppable diyeceğiz.jQuery Ui sitesinden droppable işaretini de seçerseniz bu dosya da iner.
Burda da draggable nesneyi droppable nesneye taşıdığımızda veya bıraktığımızda olacakları sıralıyoruz.Yukarıdaki "droppable-active" ve "droppable-hover" class'dır.Gördüğünüz gibi birkaç kodla oluyormuş.Artık daha dinamik sayfalar hazırlayabilirsiniz.
