jquery - Gridsterでクリックイベントを処理する

Question

Gridsterを使用すると、ドラッグの開始時と停止時にイベントをバインドできます。しかし、どうすればイベントをアイテムのシングルクリックにバインドできますか？アイテムを削除したり、いくつかのプロパティを設定したりするには、アイテムを選択できる必要があります。

Answer 1

jqueryクリックイベントを使用して、要素のシングルクリックをバインドできます。これが同じ例です。以下は、バインディングの一般的なレイアウトです。

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

これがgridsterlayout_blockのすべての要素のクラスです。

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、クリックイベントを検出するためのボタンがあり、ウィジェットメソッドを呼び出して、gridster.remove_widget削除するhtml要素を渡します。

ハッピーコーディング:)