13518219792
建议你使用 containment，将拖动范围局限于一个指定的元素内。drag： function(e) { // drag 代码 }，containment： div.main这样你就不需要自定义 top right bottom left，.one 只在 div.main 中可以拖动。
10多年的尚志网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整尚志建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“尚志网站设计”,“尚志网站推广”以来，每个客户项目都认真落实执行。
也就是jquery-ui中的sortable插件和draggable创建一起使用。guan 方示例（右侧Examples中的“jQuery UI Draggable+Sortable”）：http：//jqueryui点抗 /draggable/#sortable。
jQuary Ui 提供了一个浮动拖拽的解决方案，我有一个用纯粹Js写的实现方式，但是鉴于Ui的架包比较方便，我就不把长长的代码贴出来了。
你dialog停止跟踪的事件应该是写在了handle，也就是标题栏的onmouseup事件上。但当你移动的时候，可能会选中区域。快速移动过程中，如果在选中区域上mouseup。
HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
JS交互设计 这一部分主要掌握JS的基本语法、算法和高级语法，熟练使用面向对象的思想进行DOM编程，通过JQuery经典案例学习精通JQuery技术。
1、学会HTML HTML是网页内容的载体内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。要熟练掌握div、table、ul li 、p、span等这些标签，这些都是最常用的。
2、核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。
3、HTML5可以使开发者的工作大大简化，理论上单次开发就可以在不同平台借助浏览器运行，降低开发的成本，这也是产业界普遍认为HTML5技术的主要优点之一。
4、⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）⑦就业拓展（网站SEO与前端安全技术）你可以考察对比一下南京课工场、北大青鸟、中博软件学院等开设有web全栈工程师专业的学校。记得找我要前端的全套视频课。
