Javascript Gridster动态添加小部件使其可拖动

我一直在寻找这个问题的答案。我发现唯一相关的话题是。然而，这似乎从未得到回答

我的问题是：如果我动态地向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 );

我的小部件也添加了如下内容：

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

gridster.add_小部件（“”，wblock，hblocks，1,2）；

您可以假设小部件的HTML中的参数是正确的，我已经对此进行了测试。

gridster.add\u小部件（“，wblock，hblocks，1，2）；
gridster.add_widget("<iframe id=\"myframe\" src=\"web/widgets/"+wname+".html\" width=\""+wwidth+"\" height=\""+wheight+"\" frameborder=\"0\"></iframe>", wblocks, hblocks, 1, 2 );

除非您必须在add_小部件函数中添加li标记，否则上述代码将无法工作，如

添加小部件（“

”，wblock，hblocks，1,2）