1

我正在尝试结合 jquery 的 droppable 功能:

http://jqueryui.com/droppable/

同位素:

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

得到一些可拖动的瓷砖。我有以下内容:

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

如果您尝试拖放其中一个图块,则会出现一些奇怪的行为。就好像恢复看到的是虚假的默认位置......虽然如果我不设置“恢复”也会发生同样的情况,所以我认为这是同位素中的东西。

我不确定这是库之间的某种冲突还是实现错误……知道如何纠正这个问题吗?

这是我的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 回答