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);