1

jqueryのドロップ可能な機能を組み合わせようとしています:

http://jqueryui.com/droppable/

同位体の場合:

http://isotope.metafizzy.co/index.html

ドラッグ可能なタイルを取得します。私は次のものを持っています：

http://jsfiddle.net/PTSkR/24/

タイルの 1 つをドラッグ アンド ドロップしようとすると、奇妙な動作が発生します。リバートが偽のデフォルト位置を見ているようです...「リバート」を設定しないと同じことが起こるので、同位体の何かだと思います。

これがライブラリ間の何らかの競合なのか実装の間違いなのかわかりません...どうすればこれを修正できますか?

これが私のJavaScriptです：

$(function () {
    $('#container').isotope({
        // options
        itemSelector: '.study-box',
        layoutMode: 'fitRows'
    });
});
$(function () {
    $(".set-box").draggable({ revert: "invalid" });
    });
$(function () {
    $(".folder-box").draggable();
    $(".folder-box").droppable({
        revert: "invalid",
        accept: ".folder-box", 
        drop: function (event, ui) {
            alert("dropped");
        }
    });
});
4

1 に答える 1

1

この投稿に従ってコードを追加することで、機能させることができました。

http://jstarrdewar.com/blog/2013/02/24/an-example-using-jquery-ui-draggable-with-metafizzys-isotope-plugin/

ここに作業フィドルがあります：

http://jsfiddle.net/PTSkR/26/

code code code
于 2013-04-28T00:51:08.127 に答える