Jquery Draggable / Live

Question

у меня есть:

$(document).ready(function () {

      $(".div1, .div2, .div3, .div4, .div5").draggable();


      $("#menu").click(function () {

           $("<div class='div1'></div>").appendTo("#layout");

      });

});

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

Мой HTML:

     <div id="layout">
       <div class="div1"></div>
     </div>

Answer 1

Вам просто нужно добавить перетаскиваемый обработчик в ваш новый div с помощью:

 $("<div class='div1'></div>").appendTo("#layout").draggable();

например.

Вот живой пример .

Answer 2

В вашем случае самое простое решение - вызвать .draggable() для новых элементов по мере их создания, например:

$("<div class='div1'></div>").appendTo("#layout").draggable();