如何通过其动态创建的ID从gridster.js中删除单个窗口小部件 [英] How to remove a single widget from gridster.js by his dynamically created id

问题描述

我需要知道如何通过他使用gridster.add_widget动态创建的ID来删除单个gridster.js小部件.创建的每个新窗口小部件都有一个自己的按钮来删除该窗口小部件，但我无法使其正常工作.

I need to know how can I remove a single gridster.js widget by his dynamically created id with gridster.add_widget. Every new widget created has an own button to remove that single widget, but I can't make it work.

这是我的代码

$(document).ready(function(){

var count = 0;
var newid = count + 1;

    $(document).on("click", "#newGrid", function() {
        var gridster = $(".gridster ul").gridster().data('gridster');
        gridster.add_widget('<li id="block"'+newid'>Hello, now delete me <span id="remove"'+newid'>x</span></li>',2 ,1);
    });

    $(document).on('click', '#remove'+newid, function() {
    var gridster = $(".gridster ul").gridster().data('gridster');
        gridster.remove_widget( '#block'+newid );
    });

});

添加小部件效果很好，但是我无法删除小部件.

For adding widgets it works fine, but I can't remove widgets.

推荐答案

实际上，您不需要ID即可删除小部件.请检查我的脚本.

Actually you don't need ID for widget removing. Please check my script.

    var gridster = $('.gridster ul').gridster().data('gridster');
    $(document).on( "click", ".gridster ul li", function() {
        $(this).addClass("activ");
        gridster.remove_widget($('.activ'));
    });

这篇关于如何通过其动态创建的ID从gridster.js中删除单个窗口小部件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！