6

私は gridster.js を使用しており、ウィジェットの 1 つを div のような「ゴミ箱」にドラッグして、そのウィジェットをグリッドから削除できる場所を設定する良い方法を見つけようとしています。誰かがこれについて考えているなら、それは素晴らしいことです。これが私が見つけたものですが、グリッドスターで動作させるための最良の方法を見つけようとしていました.

$(".widget").draggable();
    $('#trash-can').droppable({
        drop: function(event, ui) {
            $(ui.draggable).remove();
        }
    });

何かご意見は？前もって感謝します。

4

2 に答える 2

0

また、この質問が古いことも認識しています。それでも検索上位に出てきます。drop メソッドで要素を削除することで、正しい方向に進んでいたと思います。

あなたのアプローチを使用するようにkayladnlsフィドルを変更しましたが、単に削除するのではなく、gritterの削除を使用してください。

これは、ゴミ箱にドラッグして削除する機能を示すフィドルです。 http://jsfiddle.net/nrC4J/46/

編集: JQuery の現在のバージョンで動作させるには、jquery-ui の現在のバージョンを使用する必要があります: jquery 2.1.0 と jquery-ui 1.11.4 を使用したフィドルhttp://jsfiddle.net/nrC4J/ 52/

$(function () {

    // initiate Gridster
    var gridster = $(".gridster ul").gridster({
        widget_margins: [5, 5],
        widget_base_dimensions: [100, 100],
    }).data("gridster")

    // set lis to Jquery draggable elements
    $(".gridster li").draggable();

    // set up drop space
    $('#log').droppable({
        drop: function (e, ui) {
            gridster.remove_widget(ui.helper.css('display', 'none'))
        }
    });

});
于 2015-02-27T21:23:41.173 に答える