Alternative à Gridster?

Il y a aussi de se Métamorphoser : https://github.com/McPants/jquery.shapeshift

et Gridly : http://ksylvest.github.io/jquery-gridly/

qui sont de bonnes alternatives à Gridster. (notez cependant que Gridly est réservé aux carreaux carrés)

Modifier : Packery est également très intéressant : http://packery.metafizzy.co/ . Toutefois, il faut une licence commerciale pour un projet commercial, sinon:

pour les projets non commerciaux, personnels ou à source ouverte et applications, vous pouvez utiliser Packery selon les termes de la GPL v3 Licence.

Edit 2 : celui-ci peut également être utile : https://github.com/uberVU/grid

Vous pouvez donner un essai à Gridstack: https://github.com/troolee/gridstack.js C'est une version ancienne mais basée strictement sur gridster et elle est également responsive.

[N.B. j'ai posté cette réponse sur la page github du projet sur une question similaire que quelqu'un avait soulevée. Donc, vérifiez là au cas où cette réponse a été corrigée! - https://github.com/ducksboard/gridster.js/issues/74]

j'ai passé les derniers jours avec un problème similaire - bien que j'ai seulement eu besoin de soutien IE8 (bien que cela semble fonctionner dans IE7). Le problème était que le code met à jour la page correctement, mais QU'IE ne récupérait pas/n'évaluait pas les changements de données-ligne & data-col pendant que la souris était déménagement. J'ai essayé plusieurs choses de la solution ci-dessus, jusqu'à l'utilisation modernizr & bibliothèques similaires et finalement essayer de se lier à L'événement IE seulement "propertychange" sans succès.

Il semble être un IE8 limitation qu'il ne sera pas re-évaluer un élément qui est à l'aide des Attributs CSS alors que la souris est en bas/en mouvement. Cependant, il détecte les changements de classe et de ligne (c'est pourquoi vous pouvez faire glisser la boîte).

Donc la seule solution que j'ai pu trouver avec le temps disponible était d'ajouter / supprimer une classe fausse dans le code chaque fois que les widgets devraient être mis à jour en utilisant jQuery .basculer.)( Je l'ai donc ajouté dans le code lorsque l'aperçu et les widgets ont été passés de nouveaux attributs data-col & data-row. Cela force IE8 à prendre le changement et voilà le travail de prévisualisation.

maintenant je suis sûr qu'il y a une (beaucoup) meilleure solution en plus de ne pas utiliser IE8 et cela ne garantit pas la compatibilité IE8 mais si vous êtes bloqué alors vous pouvez trouver cela utile!

p. S. I seulement a dû s'inquiéter de IE8+, IE7 semblait être correct en utilisant modernizr et les plugins similaires. Cependant, je n'ai pas essayé dans IE6 mais je doute que cela fonctionnerait.

[EDIT]

suite au commentaire ci - dessous, j'ai maintenant téléchargé un exemple-bien que je n'ai pas pu faire jouer IE8 nice avec JSFiddle. Ainsi, l'exemple de fonctionnement dans IE8 est ici à la place:

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

j'ai inclus IE9.js qui (la plupart du temps) ajoute l'effet de transparence pour la prévisualisation dans cette instance.

la copie modifiée du gridster.fichier js est ici:

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

il ne comprend un certain nombre d'autres changements liés au redimensionnement des widgets. Cependant, si vous voulez seulement alors IE8 change alors je suppose que la meilleure réponse est de le rechercher pour la mention de ie8compat.

À l' heure d'écriture les changements de ligne pour ie8 sont:

• 717: ajout de l'option de compatibilité IE8
• 2054-2056: ajouté le .option de bascule vers le widget de prévisualisation
• 2433-2435: ajouté le .option de bascule à n'importe quel widgets déplacé vers le haut
• 2488-2490: ajouté le .bascule l'option à tous les widgets déplacés vers le bas

C'est exact, gridster supporte Internet Explorer 9+, Firefox, Chrome, Safari et Opera.

si vous souhaitez prendre en charge les anciens navigateurs IE (6+), Pourquoi ne pas construire des fonctionnalités autour de jQuery déplaçable et jQuery drop

avez-vous essayé un polyfill pour simuler les fonctions de données de gridster ? http://www.orangesoda.net/jquery.dataset.html peut être une bonne alternative.