問題タブ [gridster]

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

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

jsfiddleやjsbinなどでGridsterのオンラインの良いデモンストレーションはありますか？

グリッドスターテーブルの最大の高さと幅を制御する方法はありますか？ウィジェットをこのコンテナ内でのみ再生させますか？gridsterはデフォルトでJquery-UIを使用しますか？

ラッパーが 100% に設定されている場合、Gridster でコンテンツ ラッパーを中央揃えにする方法を誰かが見つけましたか?

私はそれを機能させることができないようです。

ブラウザ ウィンドウのサイズを変更すると、変更できないように見える右側のパディングがいくつかあります。

誰でも助けることができますか？

これを参照してください: http://www.danieldoktor.dk/test5/test5.html

Gridster プラグインを使用しています。列幅は次のように定義されています。

これについて 2 つの質問があります。

1. これらはどのような CSS クラスですか? 特にCSSでは、このようなことをしたことも見たこともありません。
2. 1 から 12 までのすべての列を選択したい場合、どのようにコードを使用すればよいですか? 通常、私は次のようなものを使用してい[class*=".."] thisます。上記のシナリオでこのような形式を取得できるとは思いません。

Web サイトに Gridster を使用したいのですが、「add_widget」コマンドで多数のウィジェットを追加する必要があります。テストを行ったところ、「add_widget」機能に問題があると思います。グリッドがますます遅くなり、メモリ リークが発生しています。

このビデオでそれを見ることができます：grister problem video

ただし、ビデオでわかるように、最初に（add_widget関数ではなく）ウィジェットを追加しても問題ありません。手伝って頂けますか ？私のコードに何か問題がありますか？

前もって感謝します ！

gridster.js の使用を必要とする宿題があり、リスト項目の data-row 属性が特定の値と等しいかどうか、およびその data-col 属性が値と等しいかどうかを確認できるようにしたいと考えています。それらが目的の値と等しく、それらの座標が意図した位置と一致する場合、「true」のリスト項目にクラスを追加したいと思います。

私が現在これを達成しようとしているリスト項目には、 の頭文字と の頭文字data-rowが2あり、data-colに1移動したかどうかを確認したいと思いdata-row 1ますdata-col 1。私が試したコードは次のとおりです。

ただし、このステートメントでは、位置に関係なく true のクラスが追加されます。理想的には、私がやろうとしているのは、各リスト項目の と の値が正しい値に等しいかどうか、data-rowおよびtrue のクラスを追加するかどうかを確認することです。data-col次に、.eachメソッドを使用して、各リスト項目にクラスがあるかどうかを確認することを計画しています。クラスがあるtrue場合は、グリッドスター順不同リストを含む div の背景色を変更したいと思います。

このフィドルに基づいてプロジェクトを作成しました

しかし、次を使用してウィジェットを追加できるようにしました。

これで機能し、新しいウィジェットが作成されますが、ウィジェットのサイズは変更できません。必要なクラスとIDで作成されていますが、動的に追加されるウィジェットだからだと思います。これを機能させる方法はありますか？

ありがとう。