2011-03-11 132 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