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

除非你必须在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 );

Gridster动态添加了widget make draggable

1 个答案: