Gridster动态添加小部件可拖动
问题描述:
我一直在寻找一个答案。我发现的唯一相关主题是this。但是,这似乎没有得到回答。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);
你可以假设,在小部件的HTML的参数是正确的,我已经测试这。
答
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);