Question

使用Gridster，我可以在开始和停止拖动时绑定事件。但是如何将事件绑定到项目上？我需要能够选择一个项目才能删除它，或者为它设置一些属性。

Answer 1

您可以使用jquery单击事件绑定元素上的单击。 Here is an example of the same.以下是绑定的一般布局。

       $('.layout_block').click(function () {
                //function to set some properties using $(this)
                //setting an identifier to remove the element
       }

此处layout_block是gridster所有元素的类。

Answer 2

javascript $(document).on("click", ".layout_block", handler);

为我工作，即使是添加了gridster.add_widget();的小部件。

Answer 3

我有这个工作代码。

$(".gridster ul li button.close").click(function () {
        gridster.remove_widget($(this).parent());
});

所以在我的Li元素中，我有一个class=close按钮来检测click事件，我调用widget方法gridster.remove_widget并传递html元素以便删除它。

快乐编码：）

使用Gridster处理点击事件

3 个答案: