1

初めての Javascript プロジェクトの 1 つに Gridster を使用していますが、問題が発生しました。

グリッドにウィジェットを追加すると、目的の場所に移動しません。これは、私のプロジェクトのサンプルのjsfiddleです。

    $('#blockDroite').droppable({
        drop: function(e) {
            gridster.add_widget('<li class="widget"><div class="delete">X</div></li>', 1, 1);
        }
    });

ドロップ ゾーンにドラッグ アンド ドロップすると、ウィジェットが作成されますが、正しい位置に配置されません。むしろ、グリッドの外に配置しています。手動で移動すると、グリッドに入ります。新しいウィジェットを追加すると、最初の列と行に配置すると、最初のウィジェットの背後にあることがわかります。

質問

これを修正するにはどうすればよいですか?

4

1 に答える 1

1

OK、問題を解決しました。「グリッドスタークラス」をulに追加するのを忘れただけです。この「gridster クラス」は、「 jquery.gridster.css」で定義されています。

    <div id="blockDroite" class="gridster">Drop zone
于 2014-06-26T15:06:25.950 に答える