2014-02-05 65 views
1

我想構建一個佈局頁面。此頁面有1個主面板。如果用戶點擊「創建新標籤」,我想創建一個新的div,並使該div可放置。 在這個淡化的例子。我想單擊「創建新選項卡」,然後可以將「其他」div放入其中。jquery動態div加droppable屬性

看到我的小提琴: Fiddle

$('#newTab').click (function() 
    { 
    i++; 
    var div = $('<div class="drop"/></div>').appendTo('#mainBucket'); 
    div.attr('id', 'holdy'+i); 
    div.addClass('tabModule drop'); 
    div.html('hello'); 
    }); 

回答

2

你必須要對自己的每一個新的div dropable。 創建新的div後,您需要應用jQuerys dropable-method。 Dropable不適用於將來創建的元素,並與之前的選擇器匹配,因此您必須自行完成此操作。

var newDiv = jQuery('<div class="drop" />').droppable().attachTo('body') 

我修改你的例子這裏:http://jsfiddle.net/Valtos/dQzy5/7/