我需要知道如何通过 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 );
});
});
对于添加小部件,它工作正常,但我无法删除小部件。
最佳答案
实际上,删除小部件不需要 ID。请检查我的脚本。
var gridster = $('.gridster ul').gridster().data('gridster');
$(document).on( "click", ".gridster ul li", function() {
$(this).addClass("activ");
gridster.remove_widget($('.activ'));
});
关于jquery - 如何通过动态创建的 id 从 gridster.js 中删除单个小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20705110/