javascript - Gridster remove_widget 抛出错误并且 remove() 不会从网格中删除小部件空间

Question

我有一个我正在处理的 gridster 页面，里面有图片

元素是我希望能够用来控制小部件的可点击按钮。但是，我正在处理的第一个（删除）正在引发错误：

指向 jquery.gridster.min.js 的“TypeError：this.data 未定义”

我的 HTML 和 js 是（两者都嵌入在 php 文件中，因为这是 wordpress 插件的一部分）：

<li id ="fieldId\' + fieldId + \'" class="layout_block">
<img src="'.site_url().'/wp-content/plugins/fresh-forms/img/remove.png" 
  class="removeWidget" width="16" style="padding: 4px; float: right;" 
  onclick="gridsterRemoveField(this)"/>
<div class="info" style="color: #666666;">
<span class="block_name">New Field : Edit to see preview</span>
</div></li>



function gridsterRemoveField(widget){
        fieldId = $(widget).parent().attr("id");
        console.log(fieldId); //returns <li> ID
        fieldIndex = $("li").index($("#" + fieldId));
        console.log(fieldIndex); //returns <li> index
        var rem = gridster.remove_widget($(".layout_block").eq(fieldIndex));
    }

我非常乐意使用 gridster api 或 jquery 的 remove() 或任何其他选项。我只需要从网格和页面中删除元素。

Answer 1

var rem = gridster.remove_widget($(".layout_block").eq(fieldIndex), true);

在其中添加 true 作为参数。它会阻止小部件向上移动，这将导致错误。

我相信还有一个 remove_all_widgets 函数是为了解决这个错误而构建的，但它并没有按照我想要的方式工作。虽然我没有花太多时间试图让它工作。