如何使用jQueryDraggable和Droppable實現(xiàn)拖拽功能？基本達到你的要求，參考的是網(wǎng)上的jQuery把句柄拖出帶有div的容器，拖出這個div就可以把句柄移出來沒有拖出的概念，只能把句

如何使用jQueryDraggable和Droppable實現(xiàn)拖拽功能？

基本達到你的要求，參考的是網(wǎng)上的jQuery

把句柄拖出帶有div的容器，拖出這個div就可以把句柄移出來

沒有拖出的概念，只能把句柄拖入main，但是main包含容器，所以即使拖出容器也是拖入main，所以使用div，只有當(dāng)你在這個div中拖動時，你才能將手柄移出

作為一個來自ASP時代的老程序員，我們可以負(fù)責(zé)任地說，web開發(fā)拖動控件在10多年前與Microsoft aspdotnet一起推出時已經(jīng)通過了webform，這項技術(shù)已經(jīng)實現(xiàn)，并且它仍然處于產(chǎn)品生命周期中。雖然沒有更新新功能，但仍有正常的產(chǎn)品維護。

在webform技術(shù)剛剛誕生的時代，許多Delphi/VB開發(fā)人員剛剛從拖拽控制轉(zhuǎn)向web開發(fā)。在這個時候，webform，它有著類似于本地開發(fā)的簡單的入口和事件模型，甚至一經(jīng)推出就變得流行起來。它已成為開發(fā)B/s（即所謂的瀏覽器/服務(wù)器）應(yīng)用程序的首選技術(shù)。

那是一個互聯(lián)網(wǎng)不太流行的時代，每個人都在做MIS。盡管webform很流行，但這是因為webform的事件模型本質(zhì)上需要提交一個頁面并與后端服務(wù)器交互，這與Ajax和其他技術(shù)在根本上是矛盾的。而且，通過拖拽控件，頁面會產(chǎn)生大量冗余的HTML標(biāo)簽，導(dǎo)致頁面尺寸巨大，CSS很難應(yīng)用。

隨著web開發(fā)技術(shù)的發(fā)展，用戶對前端體驗的要求越來越高，瀏覽器和W3C標(biāo)準(zhǔn)也在不斷演進，甚至有專門的前端開發(fā)工程師。在本例中，代碼臃腫、體驗差的webform已經(jīng)被手工編寫的HTML/CSS/JS頁面所取代。

當(dāng)然，市場一直需要以拖放控件的形式進行無代碼或無代碼開發(fā)。微軟也嘗試在后期推出LightSwitch等flash即插即用技術(shù)，但一般來說，目前HTML頁面主要是手工開發(fā)。然而，隨著單頁應(yīng)用程序spa和web組裝等HTML技術(shù)的出現(xiàn)，很有可能在未來會出現(xiàn)許多拖動控件開發(fā)工具。讓我們拭目以待。