jQuery ajouter triable / déplaçable à l'isotope de maçonnerie

Bon matin,

J'ai un problème concernant le plugin jQuery isotope.

jQuery ajouter triable /déplaçable à l'isotope de maçonnerie

Comme vous pouvez le voir ici sur jsfiddle, j'ai une grille avec une mise en page dynamique (vous pouvez cliquer sur une div et la taille et les modifications de mise en page).
Maintenant, je veux être en mesure de trier les items dans un autre ordre à l'aide d'jQuerys sortable.
En ajoutant à cela le code:

$container.sortable({
   items: '.item'
});

Va rendre déplaçable, mais sans aucune fonction sortable.

Ce que je fais mal?

TIA -
Avec mes meilleures salutations,
frgtv10

jQuery Isotope ne prend pas en charge déplaçable éléments, voir metafizzy.co/blog/mythique glisser-déposer-multi-colonne-grille-plugin
C'est quelque chose que je veux très mal! J'envisage de me frapper jusqu'à l'auteur dans une tentative de collaborer et de réaliser tout cela! Ce serait la meilleure chose depuis le pain tranché!

OriginalL'auteur frgtv10 | 2012-07-24

  1. 9

    MetaFizzy a un nouveau plugin appelé Packery, ce qui pourrait faire ce que vous voulez.

    Voir ici pour plus d': http://packery.metafizzy.co/draggable.html

    OriginalL'auteur Jack James

  2. 5

    Vous pouvez utiliser ma modification de gridster.js avec l'ajout de la redimensionner. (également en maçonnerie & déplaçable inclus)

    https://github.com/evaldsurtans/gridster.js

    Exemple:
    http://evalds.lv/gridster

    Exemple d'URL pour ce qui est des 404 maintenant.
    Merci, je vais le récupérer en ligne
    exemple ne fonctionne pas dans google chrome 🙁
    Je viens de tester sous windows + chrome // quelle est votre configuration? vous pouvez également ajouter des corrections de bugs et de les soumettre dans github

    OriginalL'auteur Evalds Urtans

  3. 1

    Je vous donne un lien pour jsfiddle... découvrez qu'ils ont utilisé à la fois jquery déplaçable et isotopique.

    http://jsfiddle.net/ganeshgaxy/yL3Lu/

    $(document).ready(function () {
    $('#inner').isotope({
        itemSelector: '.gravity'
    });
    var list = $('#inner');
    list.sortable({
        cursor: 'move',
        start: function (event, ui) {
            ui.item ...
    Pas vraiment une maçonnerie chose que tous les éléments ont la même taille
    LGTM ! Il fonctionne très bien ! @Ben: c'est un travail à hauteur variable.

    OriginalL'auteur Ganesh Gaxy

  4. 0

    C'est possible, mais avec des limitations. Jetez un oeil à
    http://tyler-designs.com/masonry-ui/

    et l'isotope / maçonnerie auteur est lié billet de blog: metafizzy.co/blog/mythique glisser-déposer-multi-colonne-grille-plugin

    OriginalL'auteur Entea