jQuery:拖动时删除可拖动的原始空间?

标签 jquery draggable jquery-ui-sortable

我正在尝试使用 jQuery 创建自己的可拖动/可排序(只是为了好玩,所以我对使用默认的 jQuery sortable() 执行此操作不感兴趣,但我确实使用可拖动())。

当我拖动一个元素并将其悬停在另一个元素上时,我希望该元素的原始空间消失。

与此相关的是,我无法理解拖动后,所有其他元素都停留在同一个位置。 jQuery 是如何做到这一点的,因为通常被移动的元素的空间应该被该元素下面的元素占据,对吗?

有没有办法在拖动时手动删除“原始空间”?

更新

我刚刚发现draggable()使元素定位为“相对”,这就是为什么它们在拖动后保持在相同位置......但问题仍然是如何回收“原始” ' 空格然后...

最佳答案

$("#dragEl").draggable({
    start: function() {
        $("#toDisappear").fadeOut(3000); // or .hide();
    },
});

表示在#dragEldrag start上,使#toDisappear fadeOut3000ms 内。

More info here

关于jQuery:拖动时删除可拖动的原始空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22408500/

相关文章:

javascript - 数据表中的列排序问题

jquery - 修复旋转父项内可拖动 div 的鼠标方向

jQuery UI 在拖放时获取可拖动 div 中元素的属性 :

javascript - 保留可拖动的 div 位置

jQuery UI 可排序 - 获取与 drop 相邻的项目

Jquery 可排序元素只能上下移动,不能左右移动

javascript - jqueryUI 可排序 : Uncaught Error: HIERARCHY_REQUEST_ERR: DOM Exception 3

jquery - 可滚动 Div 内带有固定标题的大型 HTML 表。如何?

javascript - Bootstrap 弹出窗口中的 HTML 标签不会呈现

javascript - 使用表单的多个实例发送不同的数据