Jquery点点滴滴-draggable对象和droppable对象
用jquery实现拖放功能离不开interface.js中的draggable和droppable对象,在interface.js1.2中实现拖放时,需要注意几点:
1、如果设置了draggable对象的拖动范围,一定会设置containment属性,如果将属性设置为'parent'或者'document',恰恰droppable中设置了tolerance  :'intersect',那么draggable对象还没有接触到droppable对象时,就会触发onHover事件。只有使用containment:[left,top,width,height]的方式才会如你所愿。
2、draggable对象中以[left,top,width,height]方式设置containment属性时,其坐标指的是absolute坐标。
posted on 2007-11-05 23:01 Richard Sun 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/sunzhigang/archive/2007/11/05/950368.html

Jquery点点滴滴-draggable对象和droppable对象相关推荐

  1. jQuery对象和DOM对象使用说明

    1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传 ...

  2. jquery对象PHP转换,jquery对象和DOM对象如何相互转换?

    本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...

  3. jquery jQuery的入口函数 $函数 dom对象和jquery对象

    文章目录 jquery jQuery的入口函数 $函数 dom对象和jquery对象 jQuery的入口函数 视频 代码 $函数 视频 代码 dom对象和jquery对象 视频 代码 jquery j ...

  4. jQuery对象与DOM对象的相互转化

    jQuery对象转化成DOM对象 (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象. (2)jQuery本身提供,通过.get(index)方法,得到相应的D ...

  5. jquery对象PHP转换,jQuery对象与DOM对象转换方法详解_jquery

    本文实例分析了jQuery对象与DOM对象的转换方法.分享给大家供大家参考,具体如下: jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属 ...

  6. 分享jQuery对象和Javascript对象之间的转换代码

    以下是本人的一些分享,我热爱编程,希望能多交编程的爱好者,如果你也是其中一名,那么请加好友,大家关注一下,下面的文章是自己觉得一些有用的东西,留下来给自己当笔记,当然也希望能帮助到你,首先感谢你的阅读 ...

  7. 详解jQuery对象与DOM对象的相互转换

    一直以来对于通过jQuery方式获取的对象,却不能直接使用JavaScript的方法很不理解,现在知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象一样.所以一些 ...

  8. jquery对象和Dom对象的不同

    起因是因为我在写一个for循环的时候,trtext获取不到. var ttr=$("#tabFiles tr"); for(var i=0;i<ttr.lenght;i++) ...

  9. JQuery对象和JS对象区别与转换|| 事件绑定 入口函数 样式控制

    JQuery对象和JS对象区别与转换   1. JQuery对象在操作时,更加方便.     2. JQuery对象和js对象方法不通用的.     3. 两者相互转换         * jq -- ...

  10. jquery学习手记(2)jQuery对象和DOM对象相互转换

    DOM对象 DOM文档对象模型,每一份DOM都可以表示成一棵树. 可以通过js中的getElementById或者getElementById来获取DOM对象. DOM对象可以使用js中的方法. 示例 ...

最新文章

  1. ng命令汇总:Angular CLI 使用教程指南参考
  2. Linux实用快捷键
  3. 从网上发现的经典js脚本
  4. 启动spark shell
  5. 【操作系统】—操作系统的发展与分类
  6. oracle导出数据带where,CSS_指定一个where条件来有条件地导出记录,在Oracle数据库中,exp中的query - phpStudy...
  7. 蛋疼! 注意了,千万不要在 MySQL 中使用 UTF-8
  8. 实战Swiper:利用Swiper制作手机全屏相册
  9. bootstrap 图标和文字对齐
  10. oracle在cmd中启动数据库实例
  11. Android Socket 服务器ServerSocket发数据到客户端
  12. python爬虫实战——青果教务网系统,并用xpath提取成绩
  13. android span图片居中,Android ImageSpan的图文居中对齐
  14. spreadjs~~一个Excel在线编辑的工具
  15. 判断两个日期间隔是否为7日内
  16. Java依赖注入(DI)实例详解
  17. 怎么找外贸客户之海关数据
  18. ArcGIS必会的几个工具的应用 --提取、分割、融合、裁剪(矢)、合并、追加、镶嵌、裁剪(栅)、重采样
  19. android免费群发短信,安卓用户可免费发短信?但是Chat可能会败给微信
  20. python递归实现乘法_算法-递归

热门文章

  1. 关于Windows高DPI的一些简单总结
  2. performSelector:withObject:afterDelay: 的用法
  3. redis增加auth
  4. iframe框根据内容自适应高度
  5. server 2008 R2+IIS7.5安装cacti实验
  6. oracle 11g rac 环境(1)
  7. k8s的Pod状态和生命周期管理
  8. nowcoderG 小国的复仇
  9. 与你邂逅——软件工程
  10. 高速PCB中常见存储器之FLASH引脚图、布局布线设计