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

jQuery EasyUI 教程-Droppable(放置)

黄舟
黄舟asal
2016-12-27 16:28:221294semak imbas

上一篇文章给大家介绍了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>

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

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

属性:

443.png

事件:

444.png

方法:

445.png

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


Kenyataan:
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