上一篇: 在jQuery弹出窗口或MVC 4中的警报... 下一篇:jquery – 如何导航到锚标记上方...

jquery – Gridster通过拖动到div删除小部件

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – Gridster通过拖动到div删除小部件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在使用gridster.js并试图找出一个好方法来设置它,我可以将其中一个小部件拖动到像div这样的“垃圾桶”并让它从网格中删除该小部件.如果有人对此有任何想法会很棒.这是我发现的,但是试图找出使它与gridster一起工作的最佳方法.

@H_301_8@

$(".widget").draggable();
    $('#trash-can').droppable({
        drop: function(event,ui) {
            $(ui.draggablE).remove();
        }
    });

有什么想法吗？提前致谢.@H_301_8@

解决方法

我意识到这个问题有点陈旧,我不确定你是否还在寻找解决方案,但我能够通过在gridster网格中创建一个div并以不同方式设置它来实现这一目标.

@H_301_8@

我在初始化gridster时定义了一个停止函数,这样坐标就在这个div中,删除了widget.@H_301_8@

@H_301_8@

var gridster = $(".gridster ul").gridster({
      widge@R_944_11164@ase_dimensions: [100,55],widget_margins: [5,5],draggable: {
         stop: function(e,ui,$widget) {
         console.log(ui);
            if (ui.position.left >435 ) gridster.remove_widget(ui.$Helper[0]);
        }
      }
    }).data('gridster');