2011-08-21 119 views
0

我使用ajax來爲搜索結果填充一些縮略圖,並且我想讓它們可拖動和可拖放。我有兩個部分的問題。我想要在HTML5中的行爲,只能將對象拖動到特定的箱子,或者它只會回到原來的位置。有沒有辦法做到這一點在jQuery可丟棄的東西?我的另一個問題是,由於我動態地將新內容加載到頁面中,我是否需要做任何特殊的設置屬性以使拖放工作?我仍然在學習jQuery和JavaScript,並且我看到的所有示例都是靜態元素。拖放和jQuery

+1

http://jqueryui.com/demos/droppable/#revert – Rafay

回答

0

是的,你可以定義「拖動」和「投擲的」對象使用jQuery UI其中一個對象將恢復到它如果不是下降了預定義的對象以前的位置。 http://jqueryui.com/demos/droppable/#revert應該是一個有用的資源給你。

至於你的第二個問題,是的,你需要在動態創建的對象上調用draggable()/ droppable()方法來給它們賦予它們各自的屬性。我在http://jsfiddle.net/947u6/5/上創建了一個基本小提琴,它提供了一個創建新對象的例子,使其可拖動並將其添加到現有集合中。我相信你的應用程序更先進,但我認爲它是重點。