我正在尝试结合 jquery 的 droppable 功能:
http://jqueryui.com/droppable/
同位素:
http://isotope.metafizzy.co/index.html
得到一些可拖动的瓷砖。我有以下内容:
如果您尝试拖放其中一个图块,则会出现一些奇怪的行为。就好像恢复看到的是虚假的默认位置......虽然如果我不设置“恢复”也会发生同样的情况,所以我认为这是同位素中的东西。
我不确定这是库之间的某种冲突还是实现错误……知道如何纠正这个问题吗?
这是我的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");
}
});
});