Gridster動態添加小部件可拖動

Question

我一直在尋找一個答案。我發現的唯一相關主題是this。但是，這似乎沒有得到回答。

我的問題是：如果我動態添加一個新的窗口小部件到我的gridster對象，雖然我需要它，但這個窗口小部件不是可拖動的。我如何實現這一功能？

我Gridster對象被創建爲這樣：

$(function(){ 
    gridster = $(".gridster ul").gridster({ 
     widget_base_dimensions: [gridbase_x, gridbase_y], 
     widget_margins: [5, 5], 
     helper: 'clone', 
     resize: { 
     enabled: true 
     } 
    }).data('gridster'); 
    }); 

而我的小部件添加這樣的：

  gridster.add_widget("<iframe id=\"myframe\" src=\"web/widgets/"+wname+".html\" width=\""+wwidth+"\" height=\""+wheight+"\" frameborder=\"0\"></iframe>", wblocks, hblocks, 1, 2); 

你可以假設，在小部件的HTML的參數是正確的，我已經測試這。

Answer 1

gridster.add_widget("<iframe id=\"myframe\" src=\"web/widgets/"+wname+".html\" width=\""+wwidth+"\" height=\""+wheight+"\" frameborder=\"0\"></iframe>", wblocks, hblocks, 1, 2); 

上面的代碼將無法正常工作，除非你有添加L1標籤在add_widget功能像

gridster.add_widget("<li class="gw_s"><iframe id=\"myframe\" src=\"web/widgets/"+wname+".html\" width=\""+wwidth+"\" height=\""+wheight+"\" frameborder=\"0\"></iframe></li>", wblocks, hblocks, 1, 2);