draggable 相关问题

一个能够被拖动的元素。

将 Draggable Container 拖动到 DragTarget 上时获取鼠标位置?

我有一个带有可拖动小部件的容器。另一个 Container() 作为 DragTarget。 该区域的拖放效果非常好。 但我把它放在哪里也很重要。如果我掉在 f...

回答 1 投票 0

如何创建两个可相互放置的小部件?

这个想法很简单,想象一个只有两个并排容器的行。一个红色,另一个蓝色。 如果我们用 Draggable 包装每个 Container,我们现在就可以拖动这些容器。 但我也想...

回答 1 投票 0

允许 Gridstack 仅可拖动到项目的特定区域

我正在使用 Gridstack js 为仪表板创建可拖动/可调整大小的小部件。图片显示了一个示例小部件。我保留了默认的可拖动值,我可以通过双击来拖动它

回答 2 投票 0

Leaflet v1.03:使 CircleMarker 可拖动?

Leaflet 大师是否有一个想法,在 Leaflet v1.0.3 中使 CircleMarker 可拖动的最简单方法是什么? 通过使用“可拖动”选项,可以轻松地对“标准”标记执行此操作。但这样的

回答 3 投票 0

React,如何阻止拖动后执行点击事件?

我有 Draggable 元素,在它的内部,我有一个带有 onClick 事件的组件。拖动结束时,触发点击事件。 我的可拖动元素如下所示。我使用了一个名为...

回答 6 投票 0

使用 Flutter 中的 suncfusion pdf 插件对 PDF 进行电子签名

我想以电子方式签署 pdf。所以我使用签名包来绘制签名,使用Draggable小部件通过Stack将图像定位在pdf上,并使用syncfusion_flutter_pdf来绘制ima...

回答 2 投票 0

SwiftUI:如何让.draggable()立即响应而不延迟?

在我的 SwiftUI 应用程序中,拖放功能是一项核心功能,尤其是在经常使用它的特定屏幕上。 默认情况下,在拖动开始之前有一个小的延迟(

回答 1 投票 0

DraggableScrollableSheet 滚动问题

我正在尝试克隆 youtube 的评论部分。 但是,当我滚动底部工作表注释时(只有当我抓住底部工作表的顶部并拉动它时,该注释才应该展开),它就会扩展。我...

回答 3 投票 0

带有对数轴刻度的 HighCharts 可拖动绘图线

我有一个使用 HighCharts 的简单折线图并尝试在其中添加可拖动的绘图线。 $(函数(){ 函数draggablePlotLine(轴,plotLineId){ var clickX, clickY; var getPlotL...

回答 3 投票 0

如何通过cdkDrag获取放下后的位置?

嗨,我需要能够拖放一些 html 元素,但我需要知道拖放的结束位置。 使用 cdkDrag 指令,我从文档中看到有一个事件 cdkDragEnded。 这……

回答 4 投票 0

在 React Native 中将动画组件从 ScrollView 容器拖动到另一个 ScrollView 容器

我有两个容器,它们是ScrollView。在一个 ScrollView 中,我有一个可设置动画且可以拖动的文本列表。问题是当我将它们拖到另一个 ScrollView 中时...

回答 1 投票 0

当拖放区域显示时,JQuery 可拖动与光标不同步

我正在尝试实现一种设置,其中拖动 div 会显示可以放置它的放置区域。问题是,当显示可拖动原点上方的放置区域时,它会将 div 推向

回答 1 投票 0

如何在 jQuery UI 中同时使用可排序和可拖动

html: 可拖动1 html: <div class="item-list" id="list"> <div class="draggable" data-index="0" draggable="true">Draggable1</div> <div class="draggable" data-index="1" draggable="true">Draggable2</div> <div class="draggable" data-index="2" draggable="true">Draggable3</div> <div class="draggable" data-index="3" draggable="true">Draggable4</div> <div class="draggable" data-index="4" draggable="true">Draggable5</div> </div> <div class="drawing-board dropzone" id="dropzone"> js: $("#list").sortable().disableSelection(); $('.draggable').draggable({connectToSortable: "#list"}); 演示 Gif 视频 将排序表中的项目拖到外面并允许它们自由移动,然后将它们拖回排序表中以重复之前的功能 请参阅此建议:https://jsfiddle.net/Twisty/zex0L2af/ JavaScript $(function () { $("#list").sortable().disableSelection() $(".draggable").draggable({ connectToSortable: "#list", }) $("#dropzone").droppable({ drop: function (event, ui) { $(ui.draggable).appendTo("#dropzone") $(ui.draggable).position({ of: event, }) }, }) }) 当项目被拖出并放下时,它会附加到 dropzone 并且仍然可拖动。如果将其拖回列表,则使用 ConnectToSortable 首选项。

回答 1 投票 0

如何使用 AnchoredDraggableState 制作可组合的可拖动对象?

我正在尝试创建一个锚定的可拖动对象,但它不起作用。这是我的代码: 导入 android.annotation.SuppressLint 导入 android.os.Bundle 导入 android.util.Log 导入 androidx.activity。

回答 1 投票 0

react-beautiful-dnd:拖放列表时防止闪烁

我正在使用这个react-beautiful-dnd 库来重新排序列表。但是,即使我能够拖放并重新排序,当我尝试重新排序列表时也会出现闪烁。 你可以在

回答 2 投票 0

如何在DragTarget.onMove(Flutter)中获取全局坐标?

我需要获取 Draggable 在 DragTarget.onMove 中的位置。但在 DragTargetDetails.offset 中我们有一些奇怪的值。 在源代码中我看到它被设置为 avatar._lastOffset ,即 globalPos...

回答 2 投票 0

与 LeaderLine 的一元关系

我正在开发一个应用程序,以类图形式以图形方式表示 Java 类。 PlainDraggable 和 LeaderLine 使这项任务变得更加容易。 但是,我尝试创建一个一元/递归

回答 1 投票 0

如何使用Svelte5和interact.js拖动克隆

我正在使用 interact.js 和 Svelte 5(版本 5.0.0-next.200)来拖动最初位于可滚动 div 内的元素,并且必须将其拖放到该 div 之外。为了完成这项工作,我需要克隆...

回答 1 投票 0

如何在JS中使用draggable来防止多个item被拖动?

我正在用 JavaScript 实现一个拖放系统。它效果很好,但我注意到,有时会拖放多个项目(见下图)。有什么办法可以阻止...

回答 1 投票 0

Javascript 拖/放 - Illustrator 风格“智能指南”

我正在寻找一种在 Javascript 中拖/放时实现 Adobe Illustrator 风格“智能指南”的方法。我目前正在使用 jQuery UI 的可拖动: $('.object').draggable({ 遏制:'

回答 5 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.