Как сделать новые объекты перетаскиваемыми с живыми

Question

У меня есть такой объект (уменьшенная форма)

<script type="text/javascript">
var tables = [
  {id : 1,
   name      : "event",
   attributes: [
     {
     attname : "eventID",
     PK      : true
     }
   ]
  }
</script>

и я использую плагин шаблона Microsoft для создания ne HTML

<script id="db_tbl_template" type="text/html">
<div class="table" id="t${id}">
  <h2>${name}</h2>
  <ul>
    {{each attributes}}<li><span class="attribute">${attname}</span></li>{{/each}}
  </ul>
</div>
</script>

Ящики, которые я создаю, получают функциональность. Здесь уменьшенная форма

$(function(){
  $(".table ul li").live('click', function(){
    $(this).toggleClass("query");
  }); 

  $(".table").live('draggable', function(){
    handle: 'h2'
  });

  $("#db_tbl_template").tmpl(tables).appendTo( "#tables" );
});

Событие click для элемента списка работает очень хорошо, но созданные div не перетаскиваются.

Answer 1

См. Связанный вопрос:

jQuery Drag and Drop с использованием текущих событий