Question

我创建了3个gridster小部件，其中包含2个按钮，用于删除小部件和刷新小部件。删除小部件是因为gridster具有内置的remove_widget功能，但我如何刷新小部件内的内容。我在顶部有一个按钮用于添加小部件，所以我也想要刷新小部件按钮。

// Javascript代码// 脚本文件

 $(function () {
        $(".gridster ul").gridster({

            widget_margins: [10, 10],
            widget_base_dimensions: [140, 140],
            animate: true,

        })

    }).data('gridster');

    $(document).on("click", ".gridster .delete-button", function () {
        var gridster = $(".gridster ul").gridster().data('gridster');
        gridster.remove_widget($(this).parent());
    });


    $(document).on("click", ".add-small", function () {
        var gridster = $(".gridster ul").gridster().data('gridster');
        gridster.add_widget('<li class=""><a href="#" class="delete-button" style="float:right;"><i class="fa fa-times"></i></a><a href="#" class="refresh" style="float: right;"><i class="fa fa-refresh"></i></a><h3>Title</h3><div class="content"><h3>3</h3></div></li>', 1, 1, 1, 1);
    });

Thanks in advance

如何在按钮单击时刷新gridster小部件？

0 个答案: