jquery.easydrag.handler.beta2.js

时间:2015-08-07 20:09:35
【文件属性】:

文件名称:jquery.easydrag.handler.beta2.js

文件大小:5KB

文件格式:JS

更新时间:2015-08-07 20:09:35

弹出层 拖动

用法: $(“#box”).easydrag();//给指定的标签绑定拖动效果,也可以是Class $(“#box”).setHandler(‘handler’);//指定触发拖动的元素,download best apps for iphone 5handler是该元素的idhttp://www.newipadipa.com/ ,后面我们需要修改它 首先这个插件真的很好用(废话),短短2行代码就能让页面中的div动起来。但是如果要拖动很多div的时候 ,我们还是要稍微做出修改才能正常使用。 首先我的弹窗div在弹出的时候是默认在页面正中的,但是要使用这个插件被拖动的div就要使 用”position:absolute”的属性定位,这让我们的居中非常困难。解决思路:在触发弹窗之前用js获取当前屏 幕的分辨率然后将div居中。 js代码: { var div_width=Number(jQuery(‘#box’).css(‘width’)); var sc_width=(Number(window.screen.width)/2-(div_width/2)); //div距离浏览器左边框的距离为屏幕宽 度的一半-div宽度的一半 jQuery(‘#box).css(‘left’,sc_width); } 好了,初始化之后就是拖动了,如果需要拖动的div不多的话这样就可以了。但是我写的页面要拖动的div较多 ,而且这个插件只能用id号给元素绑定触发拖动的属性,如果一个id一个id的绑定事件的话会造成代码冗余 。所以我们要修改一下源文件jquery.easydrag.handler.beta2.js:找到 function(handlerId) 这个函数, 将里面的$(“#”+handlerId)都改成$(“.”+handlerId)就可以了。好吧,这样就可以了,下面是实例,高手们请 无视好了。。。


网友评论

  • 挺不错的,但是还是有改进空间的
  • 项目中正需要,找了好久,谢谢分享!
  • 很不错,能用上啊
  • 非常好用,是我想要的效果。
  • 不错不错的资源
  • 一个不错的控件拖动插件
  • 非常好用,不过做了下代码的整理。PS.这属于个人习惯
  • 很实用,不错...
  • 好用,js基础不能差就好用
  • 满足了我的需要
  • 很好,解决了我要解决的问题
  • 非常好 效果出来了 谢谢
  • 不错啊。可以用得上啊
  • 相当好用,界面活起来了...
  • 简单好用,非常好,谢谢!
  • 非常好用,现在用在项目里。
  • 看视频上用这个很不错,下下来试试!
  • 非常好用,客户早就厌烦了弹出窗口,用这个div窗口,界面变简单了变漂亮了,而且支持拖拽,只不过,我改了一些东西后,就无法拖拽了,还在调试中。
  • 大大增加了界面的灵活性,相当好用
  • 简单,在很多需要拖动页面时可以通用