2013-04-27 49 views
1

我试图jQuery的投掷的功能结合起来:使用JQuery的可拖动同位素瓷砖不工作(包括小提琴)?

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"); 
     } 
    }); 
}); 

回答