网站建设资讯

NEWS

网站建设资讯

JQuery——UI型插件

1   .draggable()拖曳插件,拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果,调用格式$(selector). draggable({options})

东源网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作,到程序开发,运营维护。创新互联建站成立于2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站

2   options参数为方法调用时的配置对象,根据该对象可以设置各种拖曳效果,如“containment”属性指定拖曳区域,“axis”属性设置拖曳时的坐标方向,例如在页面中的
元素中添加两个子类
,通过与拖曳插件绑定,这两个子类
元素只能在外层的父
元素中任意拖曳

3   .droppable()放置插件,除使用draggable插件拖曳任意元素外,还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中,类似购物车效果,调用格式$(selector).droppable({options})

4   selector参数为接收拖曳元素,options为方法的配置对象,在对象中,drop函数表示当被接收的拖曳元素完全进入接收元素的容器时,触发该函数的调用,如在页面中,通过调用droppable插件将“产品区”中的元素拖曳至“购物车”中,同时改变“购物车”的背景色和数量值

5   .sortable()拖曳排序插件,将序列元素(例如

  • )按任意位置进行拖曳从而形成一个新的元素序列,实现拖曳排序的功能,调用格式$(selector).sortable({options})

    6   selector参数为进行拖曳排序的元素,options为调用方法时的配置对象,如在页面中,通过加载sortable插件将