パッカーをRailsで使用する

Question

これは私の最初のスタックオーバーフローの質問です！

私は、RailsでPinterestクローンを構築し、インデックスページにPackeryを使用しています。私はページ上の投稿を移動することができたいと思っています.Packeryは仕事のツールのようです。私は、ページを実行すると、私はバウアーとPackeryをインストールし、私application.jsファイルにその下

//= require packery/dist/packery.pkgd.min.js 

を、それを含め、私はコード

$(document).ready(function(){ 
    $('.grid').imagesLoaded(function() { 
    $('.grid').packery({ 
     itemSelector: '.grid-item' 
    }); 
    }) 
}); 

のこのブロックを持って、レイアウトが石工がするように流れますしかし、私はドラッグアンドドロップすることはできません（すべての画像は ".grid-item"のクラスで保存されています）。何か不足していますか？私はブートストラップも使っています。それは価値があります。

ありがとうございます！

Answer 1

それは欠場するのは簡単だが、ドキュメントのページPackery – Draggableは、このようなPackeryのイントロの段落にリンクされている：

要素は... dragged aroundすることができます。

このドキュメントページには、ドラッグ可能性を追加するために外部ライブラリを組み込む必要があるようです。たとえば、あなたがバウアーとそれをインストールし、あなたがPackeryでやったようなスプロケットとそれを含むことによって、Draggabilly、それは推奨していますライブラリを使用することができ、これを使用すると、JS：

$(document).ready(function(){ 
    $('.grid').imagesLoaded(function() { 
    $('.grid').packery({ 
     itemSelector: '.grid-item', 
     // columnWidth helps with drop positioning 
     columnWidth: 100 
    }); 

    $grid.find('.grid-item').each(function(i, gridItem) { 
     var draggie = new Draggabilly(gridItem); 
     $grid.packery('bindDraggabillyEvents', draggie); 
    }); 
    }) 
}); 

はあなたのいくつかのCSSのthat documentation pageを参照してください。追加する必要があります。