Gridster 动态添加的小部件使可拖动答案

【问题标题】：Gridster dynamically added widget make draggableGridster 动态添加的小部件使可拖动
【发布时间】：2014-11-23 14:52:12
【问题描述】：

我一直在寻找这个问题的答案。我发现唯一相关的主题是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中的参数是正确的，我已经测试过了。

【问题讨论】：

标签： javascript jquery gridster

【解决方案1】：

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

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

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

【讨论】：