Jquery UI Dersleri 3 – Draggable Methods

Draggable özelliği içinde eventlar ile birlikte kullanılabilecek bazı methodlar var. Örneğin bir elementin sürüklenmesi bittikden sonra sürükleme özelliği devre dışı bırakılabilir. Böylece bir element sadece bir kez sürüklenebilir olur. Draggable özelliği için kullanılabilinecek methodlardan bazılarını gereksiz gördüğüm için kayda değer olan 3 tanesine bakalım.

destroy
Sürüklenebilir bir elementin sürüklenebilir olma özelliğini siler.

disable
Sürüklenebilir bir elementin sürüklenebilir olma özelliğini devredışı bırakır. Sonradan tekrar aktif edilebilir.

enable
Sürüklenebilir bir elementin devedışı bırakılmış sürüklenebilir olma özelliğini tekrar aktif eder.

Bir Örnek;

$(function(){
			$('div.box1').draggable({
				opacity: '0.6',
				start: function()
				{
					$(this).draggable('disable');
				}
			})
		})

Bu örnekte box1 classına sahip nesnenin sürüklenme eventi (start) tetiklendiği anda sürüklenebilir olma özelliği (draggable) devre dışı bırakılıyor. Böylece box1 classına sahip nesne bir kez sürüklendikten sonra sonra tekrar sürüklenemiyor.

Şunlarda Hoşunuza Gidebilir...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi: