10
votes

Un autre genre de jQuery triable

J'ai des éléments de différentes tailles qui sont agencés un peu applicables à une grille (comme dans l'image ci-dessous) et je veux faire glisser et déposer correctement ces éléments. Y a-t-il un plugin qui ferait cela? Soyable ne le fait pas correctement ...

EDIT: Par "correctement", je veux dire qu'il devrait agir normal (signification si je traîne et laissez tomber le gros à droite, il devrait réorganiser l'intelligence). Peut-être que j'ai juste besoin d'en voir un qui fait ce que je veux et je vais le faire faire "correctement"

grille de tri

EDIT: Si vous déplacez le gros bloc à droite (comment cela devrait ressembler).

grille de tri 2

EDIT: Je veux juste un moyen de réorganiser une mise en page d'une grille comme celle-ci. Je peux accepter d'autres idées ..


5 commentaires

"correctement" n'est pas bien défini


Toujours pas assez clair. Qu'est-ce qui est censé se produire lorsque vous "faites glisser le gros à droite"? Donnez un exemple de l'endroit où vous vous laissez tomber et comment vous voulez que la disposition apparaisse.


Je viens de modifier mais l'idée de la salle est que je pouvais en quelque sorte réorganiser une grille comme celle-ci comme ça :)


J'ai vu des plugins comme ça, j'aimerais juste pouvoir me souvenir d'où. Il cherche un croisement entre 960 grilles et des divs triables.


Ce que vous demandez n'est pas facile. Lorsque vous dites "réorganiser intelligemment", ce morceau du puzzle est beaucoup plus grand et plus complexe une fois que vous commencez à essayer de le construire réellement. Lisez sur mes pensées sur The Mythical Drag N 'Drop Multi- Plugin de grille de colonne qui adresse l'ajout de draggible à la maçonnerie ou à l'isotope


5 Réponses :


9
votes

Essayez Re-layout d'Isotope . Mais assurez-vous de regarder leurs autres exemples sur isotope également. Quoi qu'il en soit ... cela devrait vous donner un point de départ sain.


0 commentaires

3
votes

Jetez un coup d'œil à Geckoboard, qui (je crois) utilise jQuery triable à atteindre la disposition du grille de goutte de glisser n.


0 commentaires

4
votes

Je sais que vous avez demandé cela il y a quelque temps, mais je me suis finalement souvenu de ce qu'il a été appelé ...

http://masonry.desandro.com/

Cheers.


0 commentaires

10
votes

à Ducksboard Nous venons de lancer Gridster.Js , un plug-in JQuery permettant de construire des dispositions de dragage des éléments couvrant plusieurs colonnes. Une démonstration en direct peut être vue sur Gridster.net .

Nous l'utilisons pour organiser des widgets de tailles différentes dans nos tableaux de bord. J'espère que vous aimez!


1 commentaires

Pourquoi les téléspectateurs de cette mise en page veulent-ils faire glisser des choses? Est-ce que cela signifie pour une application de table légère ou une partie? Ou est-ce que cela signifie pour une alternative geckoboard pour afficher les prix des valeurs mobilières, etc.? Curieuse...



1
votes

Voici un Un moyen simple de le faire à l'aide d'Isotope et de JQuery UI.


2 commentaires

Toutes les cases sont égales dans votre exemple


Alors changez-les :) Créez une nouvelle classe (ou plusieurs) avec différentes dimensions et appliquez-les aléatoirement à une partie du Li s.