如何使用live实现新对象的拖拽

Question

我有一个像这样的对象（简化形式）

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

我使用microsoft模板插件来创建新的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 Using Live Events