2012-03-27 50 views
-1

我有一個div,裏面,我已經動態創建另一個div.I需要移動動態創建的div,並必須將其放置在所需的位置..請幫助。使用另一個div內的鼠標移動div?

我有一個主要的div。我使用javascript動態創建多個div,並附加主div,因爲它是child.I必須在主div上拖動每個div時移動動態創建的div。我能夠獲取當前選定div的id(動態創建)

+0

你如何意味着 '使用鼠標' ???來吧,有幾十種方式來做到這一點與鼠標:拖動...點擊所需的地方...按照鼠標的位置......你真的要更具體的提出問題,並顯示一些初步的努力。 – 2012-03-27 09:05:01

回答

0

你檢查了jqueryUI的draggable

你已加載頁面jQuery和jQuery用戶界面後,你可以做任何DOM元素可拖動像這樣

$('div.inside').draggable(); 

代碼如果要約束可拖動運動,你可以通過包裝成遏制選項,這樣

$('div.inside').draggable({containment : 'div.outer'}); 

或者特別是如果你想將它包含到父DIV只是通過母公司的選項,如:

$('div.inside').draggable({containment : 'parent'}); 

這裏是fiddle

+0

我有一個主要的div。我使用JavaScript動態創建多個div並附加主div,因爲它是child.I必須在拖動每個div時移動主div內的動態創建的div。我可以獲取當前選定div的id(動態創建) – nantha 2012-03-27 09:25:06

+0

如果你有這個ID,那麼你可以像這樣拖動它: '$('#idOfDynamicallyCreatedDiv')。draggable({containment:'parent'});' – 2012-03-27 09:45:53

+0

不要忘記在jquery,jqueryui和jquerycss文件中包含此代碼之前的頁面。 – 2012-03-27 09:47:26