jQuery EasyUI 基礎(chǔ)插件 – Draggable 可拖拽

jQuery EasyUI 基礎(chǔ)插件 - Draggable 可拖動(dòng)

jQuery EasyUI 插件

用法

通過標(biāo)記創(chuàng)建可拖動(dòng)（draggable）元素。

<div id="dd" class="easyui-draggable" data-options="handle:'#title'" style="width:100px;height:100px;">
    <div id="title" style="background:#ccc;">title</div>
</div>

使用 javascript 創(chuàng)建可拖動(dòng)（draggable）元素。

<div id="dd" style="width:100px;height:100px;">
    <div id="title" style="background:#ccc;">title</div>
</div>

$('#dd').draggable({
    handle:'#title'
});

屬性

$('.dragitem').draggable({
	proxy: function(source){
		var p = $('<div style="border:1px solid #ccc;width:80px"></div>');
		p.html($(source).html()).appendTo('body');
		return p;
	}
});

事件

方法

jQuery EasyUI 插件