Javascript jquerydraggable的故障行为(包括fiddle)
我试图使用jquerydraggable,但我注意到当目标项被提起然后放下、悬停在其旧位置上或从其容器中取出时,会出现闪烁。拖动的div中的图像只是消失或出现在错误的位置(拖动时它应该始终显示在相同的位置,正如您所期望的) 你知道怎么纠正吗 我的代码:Javascript jquerydraggable的故障行为(包括fiddle),javascript,jquery,jquery-ui,jquery-isotope,Javascript,Jquery,Jquery Ui,Jquery Isotope,我试图使用jquerydraggable,但我注意到当目标项被提起然后放下、悬停在其旧位置上或从其容器中取出时,会出现闪烁。拖动的div中的图像只是消失或出现在错误的位置(拖动时它应该始终显示在相同的位置,正如您所期望的) 你知道怎么纠正吗 我的代码: JavaScript没有问题,只是从CSS中删除了所有“position:fixed”。它把背景位置的正确显示弄乱了 $(function () { $('#container').isotope({
JavaScript没有问题,只是从CSS中删除了所有“position:fixed”。它把背景位置的正确显示弄乱了
$(function () {
$('#container').isotope({
// options
itemSelector: '.study-box',
layoutMode: 'fitRows'
});
});
$(function () {
$(".study-box").draggable({
revert: "invalid",
helper: function () {
// We removeAttr('style') to get rid of the transform css that isotope added.
return $(this).clone().removeAttr('style').removeClass('isotope-item').addClass('drag-helper').appendTo('body');
},
start: function () {
$(this).hide();
},
stop: function () {
$(this).show();
},
zIndex: 100
});
});
$(function () {
$(".folder-box").draggable({ revert: "invalid" });
$(".folder-box").droppable({
// revert: "invalid",
accept: ".folder-box, .set-box",
drop: function (event, ui) {
var $this = $(this);
//ui.draggable.clone().removeAttr('style').removeClass('.folder-box').appendTo($this);
$('#container').isotope('remove', ui.draggable);
}
});
});