Rumah > hujung hadapan web > tutorial js > jQuery EasyUI 教程-Droppable(放置)

jQuery EasyUI 教程-Droppable(放置)

黄舟
Lepaskan: 2016-12-27 16:28:22
asal
1327 orang telah melayarinya

上一篇文章给大家介绍了jQuery EasyUI 教程-Draggable(拖动)插件,除使用Draggable(拖动)插件拖拽任意元素外,还可以调用Droppable(放置)UI插件将拖拽后的任意元素放置到指定区域中,类似购物车效果。

好了,接下来大家就学习jQuery-Droppable(放置)吧!

使用$.fn.droppable.defaults重写默认值对象。

使用案例:

通过标签和Javascript两种方法创建放置区。

1、通过标签创建一个放置区。

<div id=”dd” class=”easyui-droppable” data-options=”accept:’#d1,#d3′” 
style=”width:100px;height:100px;”></div>
Salin selepas log masuk

2、使用Javascript创建一个放置区。

<div id=”dd” style=”width:100px;height:100px;”></div>
Salin selepas log masuk
$(‘#dd’).droppable({
accept:’#d1,#d3′
});
Salin selepas log masuk

属性:

443.png

事件:

444.png

方法:

445.png

 以上就是jQuery EasyUI 教程-Droppable(放置)的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)! 


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan