問題タブ [gridster]

私は Gridster.js を使用したプロジェクトに取り組んでおり、必要な列の数を選択できるユーザー オプションがあります。（明らかに）完成していませんが、列番号が選択されたときにすべてのボックスのサイズを変更する機能に取り組んでいます。

私の問題は、サイズが変更されたときにグリッド内のスペースが最適化されず、ウィジェットをオーバーラップさせずにそれを行うアルゴリズムを見つけようとしていることです (ウィジェットの位置を変更しようとすると、 resize: false オプションが明らかにオーバーライドされます) .

私はそれに取り組み続けるつもりですが、この問題で頭を壁にぶつけているように見えるので、これについての助けが欲しいです. 前もって感謝します。

JSON を入力としてグリッドスター ボックス レイアウトを作成したいと考えています。

[ http://gridster.net/demos/serialize.html]では、シリアライズをクリックすると JSON データを取得します。この JSON を入力として使用してレイアウトを作成するにはどうすればよいでしょうか。シリアライズの逆みたいに、JSONを使ってレイアウトを作ります。

助けてください。前もって感謝します。

ボックスのサイズと位置を変更した後、JSON データをシリアライズしようとしています。しかし、ロード中の詳細のみを取得します。ボックスのサイズを変更した後にデータをシリアル化する方法。また、ボックスのテキスト(ボックス内の値)も取得したいと思います。

これは私のコードです:

このリンクを確認してください

助けてください。

前もって感謝します。

1 つのウィジェット (一番上のものとしましょう) を動かないように定義できますか?

github の shopify/dashing を使用しています

Dashing と gridster のインターフェースは初めてなので、問題へのアプローチ方法がよくわかりません

jQuery を使用してウィジェットをボタンに追加する関数をバインドします。

ボタンをクリックするtest()と呼び出されますが、エラーが発生します: Type TypeError: $el is undefined、コンソールに出力され、gridster要素にウィジェットが追加されません。

test()しかし、HTML ファイルのスクリプト タグから単純に呼び出すと、問題なく動作します。

なぜこれが起こるのか本当にわかりません。誰かアイデアはありますか？

もちろん、私のコードにはこれ以外にもありますが、これらが最も関連性の高いセクションだと思いました。私のコードの他の部分が何らかの形で影響gridsterを与える可能性があると思われる場合は、さらに投稿します。

編集:これが私のjavascriptコードのすべてです。