HTML5: Невозможно перетащить созданный тег <div>на лету, даже если draggable = 'true' Нужно ли "БЛАГОСЛОВИТЬ" его или что-то еще?

Question

После создания div на лету с такой разметкой:

$('.circuit').prepend("<div class='component' draggable='true'>TRANSISTOR</div>");

Это НЕ перетаскивается само по себе: (

Является ли jQuery prepend () правильным способом создания «живых» тегов в DOM?

Нужно ли мне каким-то образом благословить его, чтобы заставить draggable = true действительно работать?

Как мне подключить его так, чтобы div на лету можно было перетаскивать?

ПОСЛЕ ПРИМЕЧАНИЕ: я добавил статический div, и можно перетаскивать . ИНТЕРЕСНО: Я смотрю как статические, так и динамические, используя FireFox F12 Firebug, и они идентичны . Но один перетаскивается, а один не является !!!

Answer 1

Если он не находится в разметке при отображении страницы, браузер пока не связывает их на основании только наличия атрибута (при динамическом создании) (возможно, в будущих выпусках это произойдет). На данный момент вам нужно настроить эти события вручную при создании перетаскиваемого элемента на лету.

Смотрите здесь, чтобы узнать, как это сделать с помощью jQuery & FireFox: перетаскивание HTML5 в Firefox 3.5