jQueryEasyUI中拖拽事件的使用方法

这篇文章主要介绍了jQuery EasyUI中拖拽事件的使用方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

按需定制开发可以根据自己的需求进行定制，成都网站制作、成都网站建设构思过程中功能建设理应排到主要部位公司成都网站制作、成都网站建设的运用实际效果公司网站制作网站建立与制做的实际意义

jQueryEasyUI中的拖拽事件通过给它设置代理元素使其拖拽、可设置拖动元素相对于x.y轴拖动，可设置拖拽何时停止等效果

jQuery中的easyui是一个非常好用的插件，它虽然使用简单方便，但是它的功能确十分强大，今天将向大家介绍如何使用easyui插件实现基本的拖动和放置，有一定的参考价值，希望对大家有所帮助。

【推荐课程：jQueryEasyUI教程】

Draggable(拖拽)

Draggable是easyui中用于实现拖拽功能的一个插件，通过它我们可以实现对控件的拖拽效果。

它具有以下属性值：

案例分析：

通过三个div元素来启用它们的拖动和放置

外部引用必须有的插件

HTML与CSS代码

box1
box2
box3

效果图：

设置box1元素为可拖动的

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

效果图：

对于box2通过给原来的元素的代理（proxy）创建一个clone值，让其可以拖动

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

效果图：

第三个box我们设置元素只能在v轴上拖动：

$("#box3").draggable({
            axis: 'v'
  })

效果图：

感谢你能够认真阅读完这篇文章，希望小编分享jQuery EasyUI中拖拽事件的使用方法内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!