22

ドラッグ アンド ドロップの複数列グリッドを使用するプロジェクトにGridsterライブラリを使用しました。残念ながら、Gridster は Internet Explorer 9 以降のみをサポートしています。IE8を使用して同じことを行うことができ、可能であればIE7およびIE6とも互換性がある、同様の使いやすいライブラリを見つける必要があります。

では、古い IE 用の Gridster のようなライブラリはありますか? 私はこのプロジェクトで jquery を使用しているので、jquery ベースのライブラリも素晴らしいものになる可能性があります。

PS AnimaDragと呼ばれるものを見つけましたが、Gridster ほど良くはなく、ちょっと悪いです。

4

6 に答える 6

16

Gridstack を試すことができます: https://github.com/troolee/gridstack.js これは初期バージョンですが、gridster に厳密に基づいており、レスポンシブでもあります。

于 2015-05-08T19:03:10.200 に答える
5

[注意: 誰かが提起した同様の質問について、プロジェクトの github ページにこの回答を投稿しました。この回答が修正された場合は、そこを確認してください。- https://github.com/ducksboard/gridster.js/issues/74]

過去数日間、同様の問題で過ごしました-IE8のサポートのみが必要でしたが（IE7では機能するようですが）。問題は、コードがページを正しく更新しているのに、IE がマウスの移動中にデータ行とデータ列の変更を取得/評価しないことでした。上記のソリューションから、modernizr と同様のライブラリを使用して、最後に IE のみの「propertychange」イベントにバインドしようとするまで、いくつかのことを試しましたが、成功しませんでした。

マウスがダウン/移動している間、CSS 属性を使用している要素を再評価しないのは IE8 の制限のようです。ただし、クラスとインラインの変更は検出されます (ボックスをドラッグできるのはそのためです)。

したがって、利用可能な時間で見つけることができる唯一の解決策は、jQuery .toggle() を使用してウィジェットを更新する必要があるときはいつでも、コードに偽のクラスを追加/削除することでした。そのため、プレビューとウィジェットに新しい data-col および data-row 属性が渡されたときに、コードに追加しました。これにより、IE8 が変更を取得し、プレビューが機能するようになります。

IE8 を使用しない以外に (はるかに) 優れた解決策があると確信しており、IE8 の互換性は保証されませんが、行き詰まっている場合は、これが役立つ場合があります。

ps IE8+だけ気にすればよかったのですが、modernizrなどのプラグインを使えばIE7でも大丈夫そうでした。ただし、IE6 で試したことはありませんが、うまくいくとは思えません。

[編集]

以下のコメントに従って、例をアップロードしましたが、IE8 を JSFiddle とうまく連携させることはできませんでした。したがって、IE8で動作する例は代わりにここにあります:

https://s3-eu-west-1.amazonaws.com/707074webfiles/gridster/ie8test.html

このインスタンスのプレビューに透明効果を (ほとんど) 追加する IE9.js を含めました。

gridster.js ファイルの変更されたコピーは次のとおりです。

https://github.com/Grozzer/gridster.js/blob/master/dist/jquery.gridster.js

ウィジェットのサイズ変更に関連する他の多くの変更が含まれています。ただし、IE8 の変更のみが必要な場合は、IE8compat の言及を検索するのが最善の答えだと思います。

執筆時点での ie8 の行の変更は次のとおりです。

  • 717 : IE8 互換性オプションを追加
  • 2054 - 2056 : プレビュー ウィジェットに .toggle オプションを追加
  • 2433 - 2435 : 上に移動したウィジェットに .toggle オプションを追加
  • 2488 - 2490 : 下に移動したウィジェットに .toggle オプションを追加
于 2013-03-04T14:07:25.780 に答える
1

反応するために何かを望んでいるこれを見ている人は、問題があまり修正されていないように見える react-grid-layout があります。

https://github.com/STRML/react-grid-layout

または反応キュレーター：

https://github.com/codetrove-development/react-curator

于 2019-05-04T15:16:17.003 に答える
0

そうです、gridsterはInternet Explorer 9以降、Firefox、Chrome、Safari、Operaをサポートしています。
古いIEブラウザ（6以降）をサポートしたい場合は、jQueryドラッグ可能およびjQueryドロップ可能を中心に機能を構築してみませんか

于 2012-09-22T07:20:27.740 に答える
0

gridster のデータセット関数をシミュレートするためにポリフィルを試しましたか? http://www.orangesoda.net/jquery.dataset.htmlは良い代替手段かもしれません。

于 2012-10-30T08:55:20.457 に答える