drag-and-drop 相关问题

jquery 中的拖放功能将元素放置在看似随机的位置

我的代码出现了一些问题，但我根本无法确定在那种情况下会出现什么问题，我迷失了。所以情况如下，我正在做一个简单的拖放界面...

javascript jquery drag-and-drop

回答 1 投票 0

`下面更新的代码`无法拖动日历每周列中的框

下面更新了代码目前，我有一个每周日历，其中 t1 到 t10 作为时间段，左侧显示日期和日期。我有一些带有硬编码天数的随机硬编码数据的拖动框，例如 5，...

javascript reactjs calendar drag-and-drop draggable

回答 1 投票 0

如何使用拖放和 2 个层次相等的 div 来追加 child() ？使用打字稿

**右侧元素 div -> ** ... **右元素 div -> ** <div class="example-box2" id="2" cdkDrag cdkDropList> <div class="example-handle" cdkDragHandle cdkDragBoundary> <svg width="24px" fill="currentColor" viewBox="0 0 24 24"> <path d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> </div> 左侧项目 div -> <div class="example-box" id="1" cdkDrag> <a href="#" class="nav-link py-3 px-2" title="" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-original-title="Home"> <i class="bi-house fs-1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16"> <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z"/> <path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z"/> </svg></i> </a> </div> 我需要将左侧的一项拖放到右侧的元素中。当我放下时，该项目现在必须是右侧元素的子元素。我在编写代码来实现这一点时遇到了麻烦。你可以帮帮我吗？我是 Angular (v17.3.0) 新手我尝试过 HTMLDivElement 解决方案，但实际上没有起作用。肯定有drop事件但是无法准确写出代码 https://stackblitz.com/edit/drag-and-drop-demo?file=src%2Fapp%2Fapp.component.ts 检查此链接，您会找到您的答案

angular drag-and-drop dom-events drag-event

回答 1 投票 0

拖动时容器变为 50% 透明

我尝试拖动容器，但拖动时它们变为 50% 透明。当掉落时，它们会再次恢复正常。我怎样才能避免这种情况？这样它们在所有拖动过程中都保持完全不透明......

drag-and-drop codenameone

回答 1 投票 0

Angular CDK 拖放 - 如何保持原始位置？

我正在尝试 Angular/cdk 库拖放。请参阅链接：https://material.angular.io/cdk/drag-drop/overview 我已经用它做了一些原型设计，但有一件事我不能......

css angular typescript animation drag-and-drop

回答 2 投票 0

如何向视图添加拖/放支持，同时使拖动预览与被拖动的视图相同

我正在尝试在 SwiftUI 视图上实现拖放重新排序功能（不使用列表）。我正在使用 .draggable，但我不确定如何实现拖/放，以便拖动...

swiftui drag-and-drop

回答 1 投票 0

拖放框显示停止标志

我希望能够将可拖动框拖放到任何其他日期，并且它应该删除前一个日期。例如，如果我将拖动框从 3 月 5 日移动到 3 月 6 日，它应该从 5 米处删除...

javascript node.js calendar drag-and-drop draggable

回答 1 投票 0

react-beautiful-dnd 在 next.js 上不可拖动

我正在尝试使用 Next JS 12.3.1 制作一个带有可拖动组件的 Web 应用程序，使用react-beautiful-dnd 版本 13.1.1。现在，我只是想获取一个可拖动组件的垂直列表

reactjs next.js drag-and-drop react-beautiful-dnd

回答 2 投票 0

Syncfusion Flutter DataGrid：如何启用拖放列重新排序和列大小调整

Syncfusion Flutter DataGrid：如何启用拖放列重新排序和列大小调整我无法使用拖放列和调整列大小来创建 Syncfusion 的 Flutter DataGrid 小部件

flutter datagrid drag-and-drop resize syncfusion

回答 1 投票 0

OnDragEnd 不返回起始位置

我正在使用draggable='true'属性在我的网站中创建一个可拖动元素，但我遇到了一个外观问题。拖动基本上是为了重新排序元素，所以我想把它们捡起来......

javascript jquery html drag-and-drop draggable

回答 2 投票 0

当可移动元素接触时如何更改图像？

我要创建一个函数，以便当对象（img1）位于img2a上时，它会使其变成img2b。我必须编写一些代码来分别执行这两件事，但我似乎无法将它们组合起来。我...

javascript html image drag-and-drop

回答 1 投票 0

在 OneDrive 中将文件发送到服务器时出现问题

当 Excel 文件通过 OneDrive 同步并在 Excel 应用程序中打开时，当您尝试选择该文件时，会出现消息“文件正在使用”，这是正确的。然而...

javascript drag-and-drop onedrive

回答 1 投票 0

在 Cosmograph React 组件中实现节点的拖放功能

Stack Overflow 社区，我正在开发一个 React 项目，其中使用 Cosmograph 库来渲染带有节点和边的图形。我正在寻求实现一项功能，允许用户拖动...

javascript reactjs drag-and-drop

回答 1 投票 0

错误类型错误：无法读取未定义的属性“文件”

我正在使用两个 Angular(2+) 工具：ng2-file-upload 和 angular2-img-cropper。我正在尝试使用 ng2-file-upload 的 Dropzone 在 angular2-img-cropper 的裁剪工具中加载图像。我其实可以...

javascript angular typescript drag-and-drop

回答 1 投票 0

.dropDestination 无法使用我的自定义可传输类型执行

我已经定义了导入 SwiftUI 导入统一类型标识符枚举 LayerType: String, Codable, RawRepresentable { 案例文本案例图片 } struct TransferableLayer：可识别、可哈希、可...

swift macos swiftui drag-and-drop draggable

回答 1 投票 0

symfony 6 可排序行与 sortable.js

在我看来我有 ... 在我看来我有 <table class="table table-striped bg-white table-sm"> <thead> <tr> <th scope="col">Název</th> <th scope="col">Text</th> <th scope="col">Pořadí</th> <th scope="col">Smazat</th> </tr> </thead> <tbody class="list-group" id="listWithHandle"> {% for userSample in samples %} <tr class="list-group-item"> <td> <span class="glyphicon glyphicon-move" aria-hidden="true"></span></td> Drag me by the handle <td class="pe-5">{{ userSample.sample.name }}</td> <td class="pe-5">{{ userSample.sample.text }}</td> <td class="pe-5">{{ userSample.position}}</td> <td class="pe-5"><td><a href="{{ path('delete_user_template', {id: userSample.id}) }}"><i class="fa fa-trash"></i></a></td> </tr> {% endfor %} </tbody> </table> 我尝试表中的行可以通过拖放来重新排序。我发现 javascipt 库 Sotrable.js 看起来非常好https://github.com/SortableJS/Sortable。在 symfony 中，我使用 webpack encore，我通过 napm 安装可排序，在我的 app.js 中我有一行 import Sortable from 'sortablejs'; 但是编译后在控制台中我看到错误未定义可排序看来我有块 <script> // Simple list Sortable.create(simpleList, { /* options */ }); // List with handle Sortable.create(listWithHandle, { handle: '.glyphicon-move', animation: 150 }); 但是可排序不是功能您需要将 Sortable 变量放在全局范围内以便稍后访问它：在您的入口点（app.js）中您可以执行以下操作： import Sortable from 'sortablejs'; window.Sortable = Sortable 然后您将能够在内联脚本中访问它纳泽夫

symfony drag-and-drop row jquery-ui-sortable

回答 1 投票 0

有没有办法使用角度材料拖放来调整大小

我正在使用 Angular 和 Material 创建一个 Web 应用程序，我希望能够拖放和调整我的部分的大小。有没有办法使用 Angular Material 拖放 CDK 来完成？

angular angular-material drag-and-drop angular9 angular-cdk

回答 3 投票 0

Blazor 拖放：ondragleave 在放置时触发，而不是 ondrop

我是一个菜鸟，试图在我的 blazor 8 混合应用程序中实现拖放，但 ondrop 事件没有触发。相反，当我释放鼠标时， ondragleave 会被触发。我们有两张表：面板...

javascript c# blazor drag-and-drop dom-events

回答 1 投票 0

有没有办法在当前应用程序中开始拖放操作时收到通知？

我正在开发一个框架，该框架旨在添加到本机 macOS 应用程序中，以便它可以将事件发布到应用程序的事件队列中以响应触摸屏事件。为了...