2011-08-15 66 views
0

我已經稍微擴展了jQueryUI示例「Draggable + Sortable」(http://jqueryui.com/demos/draggable/sortable.html)以使其能夠動態添加可拖動元素。現場示例可以在這裏找到:http://jsfiddle.net/MLSqajQueryUI Draggable:動態添加元素時出錯

單擊添加按鈕後,新的可拖動項將優雅地添加到#sortable列表中。

但是。當試圖通過鼠標(第一次)移動它時,它突然跳到左上角。只有第二次嘗試才​​能獲得成功。

如何解決這種奇怪的行爲?如何正確拖動新添加的項目?

回答

2

檢查更新:http://jsfiddle.net/MLSqa/1/

您不必爲「重新創建」的新項目可拖動。只需將新項目添加到現有的可拖動項目中即可。

我還刪除了變量框前面的$。如果你願意,你可以放回去。

+0

太棒了!正是我期待的!我怎樣才能爲你投票? – user894723

+0

正是我需要的,我如何獲得你的代碼? – chovy

+0

您可以從小提琴中複製並粘貼(鏈接在答案中)。你將如何實現它我不能確切地告訴你,但是HTML代碼(左上區域)應該修改/插入到你想要可拖動列表的地方。左下角的javascript應位於'