gpt4 book ai didi

jquery - 如何将可拖动对象放入 gridster 中

转载 作者:行者123 更新时间:2023-12-03 22:51:28 26 4
gpt4 key购买 nike

有谁知道是否可以将可拖动元素放入 gridster 中? http://gridster.net/#documentation

这似乎很适合我的目的,但是您可以通过删除它来将它们添加到网格中吗?

我想将图像拖到gridster中。有可能吗?我可以看一下这个示例吗?

如果这是不可能的,你知道有什么替代方案吗?

我需要将图像拖到 div 内的离散位置,并能够保存位置以及在 Canvas 内移动图像。

最佳答案

你绝对可以做到。这只是声明可拖动和可放置元素的问题。这个jsfiddle会给你一个想法。

 $(".gridster ul").gridster({
widget_margins: [5, 5],
widget_base_dimensions: [50, 50]
});

var gridster = $(".gridster ul").gridster().data('gridster');
$("#draggable").draggable();
$(".gridster ").droppable({
drop: function (event, ui) {
$("#draggable").removeAttr("style");
gridster.add_widget(
'<li class="new">
<img src="http://www.sparity.com/images/facebookIcon.jpg" alt="facebook">
</li>', 1, 1);

}
});

关于jquery - 如何将可拖动对象放入 gridster 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14008439/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com