如何使div可拖动

2023-12-01

如何使元素可以在两个 div 之间拖动?这似乎是可拖动的应该做的事情。但我无法使用我拥有的代码。在这个 jsfiddle 中,我有两个带有可拖动元素的 div。我想让一个元素从第一个 div 转到第二个 div。许多网站上都必须存在该功能。

这是带有代码的jsfiddle。

http://jsfiddle.net/gkvgn/9/

我之前曾问过并认为有人会知道如何拥有该功能。如果我的代码不是正确的方式,我如何定义一个元素和可拖动包含选项才能具有该功能。


这里回答了一个类似的 Stack Overflow 问题:jquery ui 可拖动元素在滚动 div 之外不可“拖动”

我在自己的项目中实现了上述解决方案,并且效果非常好。

我同意,如果您将包含设置为窗口或文档,则应该允许跨 div 拖动。我想由于您想在 div 中保留大量内容,您希望溢出保持隐藏。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使div可拖动 的相关文章

  • jquery 对话框:拖动带有 iframe 的对话框

    拖动内部有 iframe 的 jquery 对话框时 如果鼠标在拖动时移至框架内容上方 则拖动会停止 看起来 iframe 会自动获取焦点 有什么办法可以防止这种情况并使阻力正常吗 var iframe document createEle
  • 有没有一个结合了 Draggable 和 Selectable 的 JQuery 插件

    我正在寻求实现一个包含许多项目的网络界面 可以选择这些项目并拖动它们来定位它们 无论是团体还是单独 确实很像 Windows 桌面 我们已经在使用 JQuery 因此添加它是首选 JQuery UI Draggables 和 Selecta
  • jQuery UI Sortable/Draggable 导致窗口跳转

    在我的网页上 我有一个包含可排序 UL 的 div 每当我滚动到页面底部并拖动最后一个 LI 时 我的页面就会跳转 并且滚动条 在整个窗口上 会增长 这是一个几乎解决了我的问题的 JSFiddle www jsfiddle net u5af
  • contenteditable div 中的 HTML5 可拖动元素 - 第一次放置后停止工作 - 为什么?

    我正在尝试创建一些可以在 contenteditable div 内拖动的可拖动元素 标记 似乎一切都正常 除了 在我拖动一个元素并将其放下后 我无法再次拖动它 看来我无法再次绑定到它的 Dragstart 事件 知道为什么会发生这种情况以
  • 拖动数据点并提交值

    On page jqPlot http www jqplot com deploy dist examples customHighlighterCursorTrendline html有一个在 jqPlot 图表上拖动数据点的示例 我如何
  • 在 SwiftUI 中拖动分隔符

    如何使用纯粹的 SwiftUI 在视图或 UIView 之间添加可拖动的分隔线 SwiftUI 是否有可能 或者我是否必须依靠 UIKit 带分隔符的屏幕示例 我在 SwiftUI 文档中找不到此类内容 即使只有足够的信息来完成左上角的两个
  • jQuery 令人不快的 Draggable、Resizing 交互

    当我调整第一个 div 的大小时 它会导致下一个 div 在列中 向上 跳跃 重新创建 顶部 div 拖动调整大小手柄 jQuery function portlet draggable grid 25 25 resizable grid
  • Jquery Draggable 具有多个句柄

    是否有可能有一个draggable具有多个句柄的元素 我初始化它两次 每次都使用不同的句柄参数 但它不起作用 只有第一个起作用 您应该只传递 handle 参数一次 它可以是选择器或元素 因此 要使其与多个句柄一起使用 elem dragg
  • 如何在canvas对象上使用jquery uidraggable方法?

    我试图允许用户使用可拖动方法在画布元素周围移动矩形 这是我最初的想法 但行不通 我有一个小提琴设置在http jsfiddle net r2Zbe http jsfiddle net r2Zbe button click function
  • jquery 拖出时从 droppable 中移除

    我已经根据示例实现了 jQuery 的可拖放购物车演示 http jqueryui com droppable shopping cart 我希望能够删除 li 当您将其拖出 droppable 时 从 droppable 中删除 我认为这
  • jQuery droppable out 事件无法触发?

    LWdrop droppable accept LW drop function event ui ui draggable addClass LWactive this droppable option accept this css b
  • JQuery UI 可拖动:超出一侧的限制

    我正在使用 JQuery UI 来实现可调整大小 可拖动的元素 现在我想为这些元素定义一个包含 限制在三个 边上的调整大小 拖动 例如 看看这个JSFiddle 示例 http jsfiddle net zuul e2yfC 5 您可以看到
  • 请推荐一个可处理可拖动元素碰撞检测的 JQuery 插件 [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我们正在使用可拖动 http jqueryui com demos draggable JQuery UI 插件 需要禁止元素之间重叠 我
  • 可拖动的工具栏

    如何像 Eclipse 那样使用 JFace SWT 制作可拖动 可停靠的工具栏 您能否发布一个 ApplicationWindow 的简单示例或链接如何制作它的良好来源 Thanks SWT 有一个名为 CoolBar 的组件 您可以使用
  • Jquery 可拖放和可排序组合

    我被要求创建一个正方形网格 其中每个正方形可能包含也可能不包含链接 并且这些链接应该能够在网格上移动 我认为可拖动 可放置将是一种可行的方法 并且它工作得很好 但是 现在我们希望能够在一个可拖动对象放在另一个对象之上时能够交换可拖动对象 所
  • JQuery-UI 水平拖动和垂直滚动

    我有一个页面 其中充满了仅在水平方向 在 X 轴上 的可拖动 div 当我使用触摸设备时 由于滚动和拖动之间的冲突 我无法向下滚动页面 这是一个jsfiddle 示例 http jsfiddle net 742cX 10 在触摸设备中进行测
  • jQuery Mobile - 启用滚动禁用页面拖动

    我目前正在使用phonegap 1 5 和jQuery Mobile 开发一个iOS 应用程序 据我所知 我们可以使用以下 JavaScript 禁用页面拖动 function preventBehavior e e preventDefa
  • 输入和文本区域可以拖动吗?

    MDN 规范以及我能通过 Google 找到的每个网站都说所有 HTML 元素都可以拖动 然而 在实践中 我发现我无法拖动文本输入或文本区域 即使它们已被禁用 例如 使用以下代码 img src http www placehold it
  • 将对象拖到可排序列表中 - AngularJS

    Problem 我正在尝试从 jQuery 重新创建 Draggable Sortable 功能 但无法将删除的元素放入我的对象数组中 我想拖一个 draggable 按钮进入 sortable 列表 我希望按钮代表一个具有属性的对象 可以
  • jQueryUI 操作可拖动克隆

    编辑 我把这个问题删掉 然后把它放在 看看它是如何被改变的原来的而不是新的http jsfiddle net mikkelbreum DBG5q http jsfiddle net mikkelbreum DBG5q 看看拖动的助手如何改变

随机推荐

  • 正则表达式从字符串中提取字母数字+符号组合

    我正在尝试编写一个正则表达式 可以从字符串中提取不同类型的字符串 数字 符号组合 我尝试提取的字符串类型是 avs tldr 02 cc asede x86 64 我正在测试的边缘情况类型是出现在句子开头 中间和结尾的这些字符串 avs t
  • 无法启用 Classroom API 进行项目

    我正在尝试在我的帐户上启用 Classroom API 这是我注册时使用的电子邮件地址 当我点击说明中的链接时 使用此向导在 Google Developers Console 中创建或选择项目并自动启用 API https console
  • 不支持spark sql上下文中的WITH子句

    我正在尝试使用从大型机表中获取记录Spark SQL 上下文使用以下查询 data config db query SELECT A E No A Name FROM Schema Employee A with UR 但它抛出以下错误 c
  • 数组指针如何存储其大小? [复制]

    这个问题在这里已经有答案了 include stdio h define COUNT a sizeof a sizeof a void test int b printf 2 count d n COUNT b int main void
  • 如何在 swagger 3.0 中自动添加基本身份验证,而无需用户在授权按钮上输入?

    我正在使用 swagger 3 0 并且在 swagger 文档中有多个端点 我希望用户不要每次都在授权按钮上输入凭据 有什么方法可以在index html 或我的yaml 文件中包含身份验证来自动授权用户 Thanks Swagger U
  • 如何在 Seaborn 箱线图中编辑晶须、飞行物、帽子等的属性

    我使用 Seaborn 包创建了一个带有叠加条带图的嵌套箱线图 我在 stackoverflow 上看到了有关如何编辑的答案box属性都为单独的盒子并为所有盒子使用 sns boxplot 生成的 ax artists 有没有办法使用类似的
  • Jquery 和 IIFE 包装器澄清?

    The window不能像我们在这个例子中看到的那样重新定义 https i stack imgur com IYX0p jpg 那么为什么 jquery 开头是window 它甚至使用相同的名称 function window undef
  • 在进行 Visual Studio 自动化时,是否有更好的方法来处理 RPC_E_CALL_REJECTED 异常?

    这就是我目前正在做的事情 protected void setupProject bool lbDone false int liCount 0 while lbDone liCount lt pMaxRetries try pProjec
  • 如何从 Twitter 主题标签中删除 #?

    我想从 Twitter 哈希标签中删除 所以 Input I love winter and ice skating Output I love winter and ice skating 我以为这可以解决问题 但事实并非如此 tweet
  • 想要从列表视图中删除所选项目

    我使用列表和数组适配器将字符串放入列表视图中 现在我想删除选定的项目 我尝试过以下代码 但效果不佳 我怎样才能解决这个问题 这是我的代码 TextView t1 String temp mylist ListView findViewByI
  • 在 UITableViewCell 上的多个 AVPlayerItem 中添加和删除观察者

    我正在尝试制作一个播放多个视频的表格视图AVPlayer and AVPlayerItem我需要为每个添加观察者AVPlayerItem这样我就可以跟踪playbackLikelyToKeepUp 属性 我尝试但失败的是在设置后添加观察者A
  • 运算符||或 |不能使用

    我正在尝试编译此代码 但我的编译器 BlueJ 告诉我 无法应用于 java lang string java lang string import java io import javax swing JOptionPane class
  • 重复 std::vector 的内容

    假设我有一个简单类型的向量 可能很大 例如 std vector
  • 如何在 C# 中将 System.Decimal 位转换为字符串?

    我希望能够从System Decimalvalue 然后将其转换为该值的字符串表示形式 就像Decimal ToString 可以 但我很难想出算法 所以我有这样的事情 decimal d 1403 45433M int nDecimalB
  • SAP JBOSS 的 jar 问题

    我正在尝试使用 ABAP 函数调用将我的 J2EE 应用程序与 SAP 软件连接起来 当我在 Eclipse 中使用热编码值将其作为单个类运行时 它工作得很好 当我尝试在 JBoss 服务器中运行它时 我从前端获取一些值并将其传递给我的 J
  • 如何将数字传递给 .hideRow()?

    我从以下位置得到了以下脚本 Mike Grace 的网站 Deletes rows in the active spreadsheet that contain Yes in column A function readRows var s
  • 如何在 Windows 版 Git 客户端中对 TFS 服务器进行身份验证?

    我们在公司域上设置了 TFS 2017 服务器 我想使用 Windows CMD 行的 Git 从该 TFS 服务器上的存储库推送和提取代码 我已将必要的证书添加到本地商店 以便通过 SSL 障碍 但现在当我尝试将远程存储库克隆到我的域加入
  • 圆形 UIButton

    我想知道是否可以绘制圆形 UIButton 不是圆角矩形 当我在自定义类型的 UIButton 中添加圆形图像时 它看起来像一个圆形按钮 但在单击按钮时 按钮的边界变得可见 因此它看起来像一个方形按钮 然后当单击结束时 它又看起来像一个圆形
  • Selenium 代理服务器参数 - 未知错误:net::ERR_TUNNEL_CONNECTION_FAILED

    希望你一切都好 我在尝试设置 chrome webdriver 时遇到了一些问题 我正在尝试更改网络驱动程序的参数以轮换用户代理和 IP 我将其用于抓取目的并且不想获得具有相同 IP 和 UA 的位置 当我通过 UA 参数时 一切正常 但是
  • 如何使div可拖动

    如何使元素可以在两个 div 之间拖动 这似乎是可拖动的应该做的事情 但我无法使用我拥有的代码 在这个 jsfiddle 中 我有两个带有可拖动元素的 div 我想让一个元素从第一个 div 转到第二个 div 许多网站上都必须存在该功能