为什么库“gridster.js”的函数set_widget_size不起作用

Question

我正在尝试使用grister.js库，但我遇到了一些问题。

我有这个html文件：

<div class="gridster">
      <ul>
        <li class="white" data-row="1" data-col="1" data-sizex="1" data-sizey="1">
                <header>
                <div class="deleteWidgetDiv">X</div>
                <div class="updateWidgetDiv">*</div>

               </header>

        </li>
        <li class="white" data-row="1" data-col="2" data-sizex="1" data-sizey="1">
             <header>
                <div class="deleteWidgetDiv">X</div>
                <div class="updateWidgetDiv">*</div>

               </header>
        </li>

在javascript文件夹中，我有这个文件来创建gridster对象：

$(function(){ 

  $(".gridster ul").gridster({
    widget_margins: [10, 5],
    widget_base_dimensions: [180, 180],
    autogenerate_stylesheet: true,
   resize: {
       enabled:true
     }
  });

});

要掌握此对象的API，我创建了以下文件：

 $(function(){ 

    var gridster = $(".gridster ul").gridster().data('gridster');


    gridster.resize_widget( $('.gridster li').first());


   $(document).on( "click", "#addWidgetButton", function(e) {

   e.preventDefault(); 

gridster.add_widget.apply(gridster, ["<li class='white'><header><div class='deleteWidgetDiv'>X</div></header> </li>"])


 });

    $(document).on( "click", ".deleteWidgetDiv", function() {
  // debugger;

      var y=  $(this).closest( "li" );

     gridster.remove_widget(y);

       });


       $(document).on( "click", ".updateWidgetDiv", function() {


        var x=  $(this).closest( "li" );

       gridster.set_widget_max_size(x,[1,2]);

    });

});

http://dsmorse.github.io/gridster.js/docs/classes/Gridster.html这是此库的API定义所在的网址。

现在，当我单击“x”时，函数 remove_widget 工作正常，但是当我点击“*”时，函数 set_widget_max_size 不起作用，所以没有任何反应。根据这种方法的API定义，这应该有效，但显然出现了问题，我无法弄清楚出了什么问题。