seret dan lepas asas jEasyUI


Tutorial ini menunjukkan kepada anda cara membuat elemen HTML boleh diseret, dalam kes ini kami akan mencipta tiga elemen DIV dan kemudian membolehkan penyeretan dan penempatannya.

19.png

Pertama, kami mencipta tiga <div> elemen: 

	<div id="dd1" class="dd-demo"></div>
	<div id="dd2" class="dd-demo"></div>
	<div id="dd3" class="dd-demo"></div>

Untuk elemen <div> yang pertama, kami menjadikannya boleh diseret secara lalai. 

	$('#dd1').draggable();

Untuk elemen <div> kedua, kami menjadikannya boleh diseret dengan mencipta proksi yang mengklonkan elemen asal. 

	$('#dd2').draggable({
		proxy:'clone'
	});

Untuk elemen <div> yang ketiga, kami menjadikannya boleh diseret dengan mencipta proksi tersuai. 

	$('#dd3').draggable({
		proxy:function(source){
			var p = $('<div class="proxy">proxy</div>');
			p.appendTo('body');
			return p;
		}
	});

Muat turun contoh jQuery EasyUI

jeasyui-dd-basic.zip