如何使新的对象可拖动现场

我有一个这样的对象（原型）如何使新的对象可拖动现场

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

我用的是微软的模板插件创建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不可拖动。

来源

2010-10-13 Lara Röpnack