小编iam*_*llo的帖子

如何通过动态创建的id从gridster.js中删除单个小部件

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

这是我的代码

$(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 );
    });

});
Run Code Online (Sandbox Code Playgroud)

对于添加小部件,它工作正常,但我无法删除小部件.

jquery widget gridster

4
推荐指数
1
解决办法
9045
查看次数

标签 统计

gridster ×1

jquery ×1

widget ×1