2011-03-11 134 views
0

我想学习jQuery,我想移动div与类.drag。而不是与ID #siteHolder的div的外部如何使用jQuery拖放div而不使用jQuery UI?

我不想现在使用jQuery UI。

任何提示和教程将很好。

+4

为什么不看jQueryUI的源代码,看看他们是如何做到这一点:) – 2011-03-11 15:39:02

+0

这没有一个简单的答案,所有的功能已经内置在jQuery的UI。你为什么不想用它? – Groovetrain 2011-03-11 15:41:09

回答

2

您可以手动实现它处理鼠标移动和关闭事件。

  • 在鼠标按下标记对象为 拖动
  • 在鼠标移动计算 从一个光标位置 偏移和移动拖动对象,但 检查之前,新的位置 是容器箱内部。

你可以从jquery ui代码中获得灵感,以防你需要。

0

ppDrag是一个拖动& jQuery插件,它模仿jQuery UI的Draggable接口。目前支持的是其选项的一小部分,但实现是不同的(ppDrag侧重于性能)。

速度差异在CPU速度较慢时更明显。而且,由于上一代浏览器中的JavaScript引擎优化,速度差异比旧版浏览器要少。例如,Firefox 2与Firefox 3的区别更大。

支持所有主要的现有浏览器。这包括IE6/7,Firefox1/2/3,Opera,Konqueror,Safari和其他可能的。

Plug-In