程序员经验分享-hwhale

Jquery UI - 嵌套 Droppables/Sortables

2024-01-01

我正在尝试构建一个交互式网络应用程序。使用 Jquery UI，但我被困在这里 - 我似乎找不到一种方法来“嵌套”我的“盒子”（请参阅​​小提琴演示）。例如假设有四个盒子 -A, B , C , D。如果 A 是具有高宽度和高度值的父级，我将 b 拖放到A- 这很好用。我尝试拖放另一个“盒子”C into A，效果也很好。但当我尝试放下时D（甚至C，这并不重要）到B（嵌套），它似乎不起作用（参见小提琴）。

请注意，小提琴不包含单独的“盒子”，而只是一个被复制多次的盒子。另请注意，由于我无法解决嵌套问题，因此我尚未实现排序功能（在小提琴中）。

JSFiddle：http://jsfiddle.net/JQwsf/ http://jsfiddle.net/JQwsf/

为了确保我不会让任何人感到困惑，我附上了一张图片。

非常感谢任何帮助。谢谢。


Is this http://jsfiddle.net/hjarvard/JQwsf/5/你需要什么？

总结：新的内盒一定是贪心拦截事件的。

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

jQuery

jQueryUI

draganddrop

draggable

Jquery UI - 嵌套 Droppables/Sortables 的相关文章

  • 在

    在我的 div 标签中 有很多行非常长的文本 并且 div 元素当前是可滚动的 我想做的是找到特定字符串的第一次出现并自动滚动到包含该字符串的行 没有换行符或任何类型的字符串分隔符可以用来轻松近似滚动位置 我想我可以做这样的事情 var m

  • 为什么我必须将所有脚本放入 jquery mobile 中的index.html

    我在我的phonegap jquerymobile 项目中使用 mobile changepage 进行重定向 然而让我困惑的是我需要将所有页面的脚本放在同一个文件index html中 如果不是 则重定向页面无法执行其标头中的函数 例如

  • 在成功回调之前修改 JSONP 结果

    我想从外部服务加载一些 JSON 数据 然而 它提供 foo bar useful 而我真正关心的是 有用 的部分 我需要将那部分传递给success打回来 我正在尝试使用Deferred一次从多个数据源加载 类似this https st

  • 掩码输入数字 - 百分比

    如何通过 jQuery 创建具有百分比的数字掩码输入 我是否让输入仅接受三个数字 并在用户完成输入时在数字后添加百分号 keyup 我不使用插件 例子 1 Or 30 Or 99 Or 100 Or 200

  • 显示对象内容 - JS/jQuery

    With this data events 返回 object Object 我需要看看里面到底发生了什么 我找到了这个 var Finder each this data events function i n Finder Name i

  • jQuery翻译+切换，如何链接两者？

    我目前正在开发一个 jQuery 脚本 它将把网站的文本翻译成外语 我正在为此使用 Google Translate API 我希望该页面包含一个显示 En Espanol 的链接 当用户单击 En Espanol 时 页面正文会被翻译成西

  • jQuery / javascript 缓存元素以提高效率？

    是的 所以我想常识是 对于您将要经常访问的元素 最好的方法是像这样缓存它们 var myEl myclass 然后你以后就可以访问 myEl 并且不需要再次搜索 DOM 对吗 好吧 假设我有一个相当复杂的 html 结构 我需要经常访问几个

  • jQuery 的 on() 支持这种 livequery 功能吗？

    使用 livequery 我可以执行以下操作 focusable livequery function this focus 我知道 jQuery 支持委托等的自定义函数 但我没有看到任何让我认为 jQuery 可以完成 livequery

  • 如何使用 jQuery 获取点击元素的 id

    div class main div div span class get clicked click to get id span div div 如何获取被点击元素的id inside div 中存在的跨度将具有不同的 id 因为我将使

  • 更改单选按钮上输入字段中的值

    我正在开发一个项目 用户必须在两个选项中选择一个 选项是单选按钮 目前我正在获取 keyup 事件的结果 当用户选择一个选项 然后在输入字段中输入值时 他会在另一个结果输入字段中得到结果 它工作正常 但是当用户想要更改选项并选择其他选项时出

  • 使用 moment.js 和 setInterval 动态日期和时间

    我试图找出如何使用显示动态日期和时间moment js http momentjs com 显然我无法弄清楚如何正确使用 setInterval 如果可能的话 我不想使用 jQuery 因为 moment js 不需要它 这是我到目前为止所

  • 解决错误 413 请求实体太大

    我正在从事的项目允许我们的员工将大文件上传到我们的共享主机并获取下载链接 问题是我们的托管拒绝更改共享托管的 LimitRequestBody 还有其他解决方案可以解决 LimitRequestBody 或任何其他方法来完成这项工作吗 有两

  • Razorpay 支付集成 -> 我如何检测关闭按钮 X 附近的 razorpay 模型

    我在 CI 框架中使用 Razorpay 当用户在没有付款的情况下关闭时 创建 razor 支付模型 然后对于取消订单 我希望通过状态更改为已取消来触发查询 那么我怎样才能检测到这一点 我已经在使用 by click jQuery 点击关闭

  • 一旦元素存在就触发事件的脚本？

    我正在尝试编写一个小 Greasemonkey 脚本来实现 Facebook 中的一些任务 例如隐藏新闻等 问题是 我有一个 DOM 中尚不存在的元素的 ID 这是点击帖子的箭头图标时出现的小框 如何通过 jQuery 创建一个事件处理程序

  • 在相同位置使用 jQuery 将列表框项目移动并删除到另一个列表框

    我有 2 个多选框 如本链接所示 http jsfiddle net bdMAF 38 http jsfiddle net bdMAF 38 function button1 click function list1 gt option s

  • 如何在 Yii 框架中使用 jQuery？

    如何在 yii 中使用 jquery javascript 如何在 yii 中使用我的脚本 为什么这与以其他方式使用 jQuery 有什么不同 如何在yii中使用jquery 如上所述 您可以注册新的脚本块 也可以注册新的外部脚本文件 您还

  • Javascript TypeError：无法读取未定义的属性“indexOf”

    在此代码中 我想从cart products array var cart products 17 1 19 1 18 1 var product 17 each cart products function key item if ite

  • 如何根据上一张或下一张幻灯片按键更改 Nivo Slider 中的效果？

    我想根据按下的按钮更改 Nivo Slider 上的过渡效果 关于如何实现这一目标有什么想法吗 Update澄清一下 我指的是下一个或上一个按钮 而不是键盘上的按钮 我正在寻找的是 如果一个人按下下一个按钮 则会调用 slipToRight

  • 垂直滚动，与 div/元素/锚点对齐/对齐

    我发现了一些可爱的网站 http www mini jp event campaign big point http www mini jp event campaign big point http www twenty8twelve c

  • jquery load() 去除脚本标签 - 解决方法？

    有谁知道 jquery load 的解决方法 去掉从外部内容加载的脚本标签 有很多文档证明这种情况发生 但在网上搜索了大约 4 个小时后我找不到解决方法 我正在加载动态生成的 div 类似于搜索结果页面 并且需要将 click 绑定到每个动

随机推荐

  • 如何从 SKScene 呈现 UIViewController？

    我通过 Sprite Kit 进入 iOS 我认为这是不明智的 我的目标是在游戏结束时显示 分享 按钮 点击分享按钮应该会出现一个 SLComposeViewController Twitter 分享 场景的内容不应改变 决定 游戏结束 的

  • Zend Form 复选框上的自定义 HTML 输出 setLabel 属性

    我正在渲染一个 Zend Form 复选框 并且我想在其 setlabel 属性处渲染一些自定义 html 我的表单构建模型 terms new Zend Form Element Checkbox confirm terms 在我的视图脚

  • 给定圆心和半径，求圆圆周上点的公式

    我正在编写代码找到圆的圆周上的点 I 有圆的中心点和半径我需要在它周围画一个圆圈 这将帮助我定义边界 请帮我找到圆周上这些点的公式 对于有原点的圆 j k 和半径r x t r cos t jy t r sin t k 你需要运行这个方程t

  • HTTPS 和 SSL 的安全性：-javax.net.ssl.SSLHandshakeException：证书已过期

    我已经尝试过命令进行检查缺少中间证书颁发机构使用这个命令 openssl s client connect mail google com 443 对于我的网站 应该显示证书链 但它只显示一个已经过期的证书 但是当我检查服务器证书配置时ht

  • 如何修复错误-nodemon.ps1 无法加载，因为在此系统上禁用运行脚本（无安全风险）？

    终端错误 nodemon ps1无法加载 因为该系统上禁用了运行脚本 了解更多 信息 请参阅about Execution Policies at https learn microsoft com en us powershell mod

  • Safari CSS 过渡闪烁

    我正在处理的网页出现问题 在 Firefox 上似乎没有任何问题 我有 2 个元素 水平滚动 带有背景图像 这两个元素之间的过渡是使用 CSS3 进行的 transformX 首先 这两个元素重叠 以便您可以看到第二个元素的背景图像 当您单

  • 如何创建读取一个文件并将子字符串写入另一个文件的批处理文件？

    我目前有一个导出的文本文件 output txt 来自我需要解析的 Clear Case 命令 它看起来像这样 Comparing the following R1 PROD V1 VOB pvob R2 PROD V1 VOB pvob

  • 如何将适用于不同数字类型的 C 函数库包装到 C++ 模板类中

    我想使用 C 库中的代码 我的具体示例 FFTW http www fftw org 来实现 C 类模板 C 库定义了一些执行相同操作的数据类型和函数 但针对不同种类的原始数字类型 例如fftw complex 双精度数对 与 fftwf

  • 之间的确切区别是什么？和 ?: 角度运算符

    我没有考虑 三元运算符 有时我会在 YouTube 教程中观看人们使用的 HTML页面中的运算符 有时他们会使用 在 TS 打字稿 页面中 我不太清楚它们到底有什么不同 那么使用 时有区别吗 在 Angular 中 您可以参考以下三种用法

  • 使用 Socket.io 更新所有客户端？

    是否可以强制所有客户端使用 socket io 进行更新 我已尝试以下操作 但当新客户端连接时它似乎不会更新其他客户端 服务器端 JavaScript 我正在尝试向所有客户端发送一条消息 其中包含当前连接的用户数量 它正确地发送了用户数量

  • 使用 PHP include 时如何避免空格？

    我有一些文件需要包含在几个页面中 所以我使用类似的东西 div Hello this is a webpage div div Some more text div div Even more text div 问题是每个include 我

  • 如何捕获 PhantomJS 获取的页面中生成的 JavaScript 错误？

    我有一个 PhantomJS 脚本 它加载本地 HTML 文件 注入一些 javascript 文件 然后在页面上下文中执行一些 javascript 运行的 javascript 会生成异常 但我只从控制台获得输出 这似乎无法区分错误和正

  • Django pdf 问题与 pisa

    我想使用 pisa 生成 pdf 文件的 html 模板 我相信我拥有所需的所有软件包 但我似乎在这样做时遇到了问题 这是我的观点如下 到目前为止我所做的一切 EDIT 这是我最新的网址 视图和模板 url py r index rende

  • WPF Datepicker 仅提供可选择的日期列表

    我不确定这是否可行 但是是否可以在 wpf 日期选择器中仅选择日期列表 我需要确保用户只能从一定数量的日期中进行选择 我可以使用下拉列表来完成此操作 但使用日期选择器会更好 有任何想法吗 The DatePicker具有以下属性来控制应选择

  • Angular 路由器：从 navigatorbyurl 返回的承诺被忽略

    使用此代码 this router navigateByUrl login 我收到以下警告 从 navigatorbyurl 返回的承诺被忽略 我想如何以及何时处理这里的承诺 附 我在 AuthGuard 中使用这个canActivate

  • 在 Windows 上使用 Docker 进行网络连接

    我使用这个官方指南在 Windows 7 机器上设置 Docker https docs docker com windows started https docs docker com windows started 我成功从 docke

  • 安装后没有名为“tensorflow_examples”的模块

    在我的笔记本的第一个单元格中 我写道 pip install git https github com tensorflow examples git pip install U tfds nightly 在下一个单元格上 import t

  • 针对某些图操作的最简单算法的建议

    这个项目的截止日期很快就到了 我没有太多时间来处理剩下的事情 因此 我不是寻找最好的 可能更复杂 耗时 算法 而是寻找最简单的算法来实现图结构上的一些操作 我需要做的操作如下 列出给定距离 X 的图网络中的所有用户 列出给定距离 X 和关系

  • 将列表（如 R 控制台输出中所示）写入文本文件

    我在 r 中将列表写入文本文件时遇到问题 这是我的代码 library e1071 mydata read table TRAIN txt sep header FALSE model lt naiveBayes as factor V1

  • Jquery UI - 嵌套 Droppables/Sortables

    我正在尝试构建一个交互式网络应用程序 使用 Jquery UI 但我被困在这里 我似乎找不到一种方法来 嵌套 我的 盒子 请参阅 小提琴演示 例如假设有四个盒子 A B C D 如果 A 是具有高宽度和高度值的父级 我将 b 拖放到A 这很

热门标签