网格员动态添加的小部件使可拖动
Gridster dynamically added widget make draggable
我一直在寻找这个问题的答案。我发现唯一相关的话题就是这个。然而,这似乎从未得到解答。
我的问题是:如果我动态地向我的 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 );
上面的代码将不起作用,除非您必须在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 );
相关文章:
- 调整窗口大小时,可拖动的对象会出现在容器外部
- 删除对HTML元素的拖动
- jQuery UI可排序-多连接列表拖动
- 如何在拖动后获得图表的最小值和最大值放大高图表
- 如何使jqueryui小部件可拖动
- 当图像大小大于最小标准时拖动图像
- 可在角网格中的小部件之间拖动
- 使用Javascript将拖动的小程序返回到浏览器窗口
- 可拖动的框小故障
- Jquery 根据拖动的边缘调整插件最小宽度的大小
- 拖动图像的小部件
- 网格员动态添加的小部件使可拖动
- jquery-ui将可拖动元素约束在较小的容器中
- CKEditor 4具有可拖动内容的小工具
- 将弹出窗口的大小调整为最小高度和宽度,然后拖动到以下大小应该是不可能的
- 可拖动小部件,如何延迟外观和替换坐标与javascript
- 在拖动小图像后附加大图像
- jQuery可拖动小部件不与li在ul中工作
- 当拖动一个小元素时,是否有可能避免在CSS光标类型之间改变?
- 在网格上,拖动时保持小部件在鼠标下方