Jquery UI Eğitim Seti – 1 – Sürükleme İşlemi

Merhaba;
Yeni bir seriyle karşınızdayım. Bu seride oldukça kullanışlı bir kütüphaneyi inceleyeceğiz : Jquery UI
Jquery UI sayesinde Sürükle bırak işlemleri, akordiyon menüler, takvimler, butonlar, sıralamalar, seçmeler vs… gibi işlemler yapabilirsiniz. Kullanımı oldukça basit ve eğlenceli. Hiç lafı uzatmadan videoyu paylaşayım.

Şimdi de hemen kodlarımıza bakalım. JQuery UI ile sürüklenebilir bir nesne oluşturmak için yapmamız gerekenler şunlar;

  • jquery UI css ve javascript dosyalarını sayfaya çağırmak
  • Nesnemizi seçip draggable() fonksiyonunu uygulamak.

Şimdi de kodlarımıza bakalım.

See the Pen JQuery UI Draggable by Zahid Efe (@efezahid) on CodePen.

Söylediğim gibi son derece basit bir işlem. Sadece nesnemizi seçip draggable() fonksiyonunu kullanıyoruz. Sakın Jquery dosyasını da çağırmayı unutmayın.

Kanalıma abone olup Twitter hesabımı takip edip Facebook sayfamı da beğenirseniz çok sevinirim 🙂 Buyrun linkler

Genç Developer Twitter
Genç Developer Facebook
Genç Developer Youtube Kanalı

Görüşmek Üzere 😉

//assets.codepen.io/assets/embed/ei.js


Leave a comment