2010-10-26 212 views
6
var icon = $("<div style='width:100px;height:100px;border-style:solid;'>"); 
icon.draggable({ 
    containment: 'parent', 
    axis: 'y', 
    drag: function(e,ui) { } 
}); 
icon.clone(true).appendTo($("body")); 

我做了一個克隆後,圖標拖動停止工作。 有誰知道,如何解決這個問題?Jquery拖動和克隆

謝謝

+0

再次在克隆上調用'draggable()'? – 2010-10-26 12:50:25

+0

jquery UI中的'$ .widget'小部件工廠不支持'clone()'[我幾個月前讀過這篇文章的鏈接無法記住鏈接]可能是因爲你看到了Ed Saito演示的問題。您將不得不$ .clone(false)並再次應用可拖動。 – Ajaxe 2010-10-29 17:52:36

回答

1

你究竟想幹什麼?你真的需要克隆嗎? 您可以使用draggable()選項之一:helper,它可以像拖動一樣克隆元素。看到它在行動:http://jsfiddle.net/nZm5H/

如果您需要克隆這樣你做,你必須使克隆可拖動也:like this

+0

你的第一個例子不起作用,我認爲你應該能夠克隆所有的事件,這就是爲什麼將true設置爲一個克隆參數,所以你應該在克隆 – mcgrailm 2010-10-26 19:51:55

+0

@mcgrailm上調用draggable當然它正在工作。也許這是你的borwser或瀏覽器設置。看看它,好友 – 2010-10-27 01:22:17

+0

不好意思的人不工作我試圖在ff 3.6.3 mac和safari mac和ie6上xp – mcgrailm 2010-10-27 12:54:34

4

可拖動功能停止工作。

但是,當您將鼠標放在克隆上並移動它時,它是被拖動的原始元素。

點擊此處查看此行爲:http://www.jsfiddle.net/bxH3Q/

爲了解決這個問題,你必須讓每個克隆拖動。

+0

感謝你們的參與,但問題是我使用arcitecture的組件創建一次,克隆顯示它們並隱藏刪除克隆。每個組件都有點擊,鼠標懸停等等,除DRAGGABLE =( – user470071 2010-11-19 12:03:50