问题标签 [draggable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
11609 浏览

javascript - JQuery可拖动:使用助手时滚动不起作用:使用克隆

我有一种文件夹列表类型的情况,我可以使用 jquery draggable/droppable 将项目从一个文件夹拖动到另一个文件夹。文件夹项目是可拖动的,文件夹是可放置的。它们位于一个小到足以显示垂直滚动条的 div 中。

我在可拖动项目上设置了“滚动:真”,以便它们可以使 div 滚动。当我还在可拖动项目上使用“助手:“克隆””时,滚动不再起作用。

我究竟做错了什么?

这是一些非常简化的代码:

0 投票
1 回答
2193 浏览

jquery - jQuery Sortable+Droppable vs Draggable 特殊功能

我正在尝试创建一个功能,允许将可拖动的项目列表(左列)拖到可排序列表(右列)上。仅执行 connectToSortable 的不同之处在于,我需要可排序列表像可放置列表一样操作,因为只有在拖动新项目时才会在右列中保留项目的顺序,但在重新安排项目之间的顺序时不会保留已经在右栏中。

下面的链接显示了该功能的第一部分。我可以将项目拖到我想要的部分。一旦放置在右栏中,我还希望能够重新排列这些项目。另外,我想在拖动时添加一个类,并更改一个类

元素一旦掉落。我已经对所有这些进行了无休止的实验。到目前为止,我大约有 15 个小时的深度,而且我到处都是砖墙。我什至不知道如何解决这些问题。

关联

我想从这里复制:

进入:

这是JS

);

任何帮助表示赞赏!谢谢!

0 投票
2 回答
155 浏览

jquery - 避免元素在使用 jQuery 可排序删除时被选中

我有一个功能,可以让我在单击时选择一个元素。它是这样的:

当我向其中添加 jQuery 可排序时,当我删除它时会立即选择被删除的元素,因为此函数运行。解决这个问题的方法是什么?

谢谢!

0 投票
2 回答
1725 浏览

php - 嵌套的可排序 JQuery 列表在 IE 中不起作用,而在 FF 中起作用

虽然我经常使用这个站点作为 jQuery 相关问题的资源,但这次我似乎找不到答案。所以这是我的第一篇文章。

在白天的工作中,我正在开发一个用于生成 MS Word 文档的信息系统。我正在开发的模块之一是为目录定义默认章节选择并按给定章节选择文本。用户可以提交新章节,如有必要,将它们作为子章节添加到父章节,将它们标记为“在 TOC 中采用”并将默认文本(来自另一个模块)链接到章节。

我的章节列表是从 MySQL 表中递归检索的,可能看起来像这样:

在 FireFox 中,代码就像一个魅力,但 IE (7) 似乎不太喜欢它。我只能正确地拖动主要章节。当试图拖动一个子章节时,无论它的水平如何,对应的主要章节都会与一些孩子一起抬起,而不是全部。

这是我用来完成任务的 jQuery 代码:

有人对此有一些想法吗?我猜 IE 有点落在了多类引用“chapter_list”上,同时 jQuery 试图处理可拖动/可排序。

0 投票
1 回答
798 浏览

javascript - 你如何使用 YUI3 制作一个可拖动的?

我正在使用 YUI3,我一直在尝试<tr>在表格中制作可拖动的标签,但没有运气。我发现我可以拖动<div>节点,但由于某种原因我不能拖动<tr>. 这不应该是一个限制,我找到了 YUI2 的示例,但代码与 YUI3 完全不同,我无法弄清楚。

有谁知道你是否可以<tr>在 YUI3 中拖动节点,以及如何做到这一点?

这是我的代码:

以及相关的 HTML:

任何帮助,将不胜感激。谢谢!

0 投票
1 回答
1901 浏览

jquery - jQuery 可拖动 droppable 与 firefox 和 ie 的兼容性问题

好吧,忍受我,这是那些长的之一。

我有一个存储 ID 和字段的值表。

这正确绑定并且数据正确地位于表中。请注意,只有字段绑定列是“可拖动的”。另请注意,拖动工作正常。

现在我有一个文本框,我希望能够将值从表中拖放到。又好又简单——

现在有趣的部分:)

这很好用。

现在的诀窍。记住 id 和字段。我想拖动该字段,但我希望将 ID 添加到文本框中。得到这个工作正常。在 IE 中测试。但是今天我在 Firefox 中打开它,想象一下当“未定义”开始出现在我的文本框中时我的完全恐惧。

只是为了速度(也就是让它现在工作),我改变了我的 droppable,它现在看起来如下:

笔记。'tbox.value = ...' 位是因为我想构建一个由拖到文本框的所有 id 组成的字符串。我需要获得兄弟,因为为了用户体验,我希望他们拖动用户友好的字段名称而不是 id(因为 id 对用户没有意义 - 它可见的唯一原因是用户可以映射将文本框中的 id 拖到一个单词后)。只是为了进一步的背景,然后将 id 字符串保存到一个 xml 文件并用于配置和其他一些神奇的东西:)

所以现在的问题

  1. 这是一个已知的错误还是我做错了什么?
  2. 如果这是一个问题,这是最好的方法还是有更好的方法来解决它?

再次请注意 - 这里的所有代码都有效。这是我目前拥有的最佳方法 - 这无疑是一种解决方法。

0 投票
10 回答
39657 浏览

jquery - 使用实时事件的 jQuery 拖放

我有一个应用程序的列表很长,经常更改,我需要该列表中的项目可以拖动。

我一直在使用 jQuery UI 可拖动插件,但是添加到 400 多个列表项时速度很慢,并且每次添加新列表项时都必须重新添加。

有谁知道一个类似于使用 jQuery 1.3.live()事件的 jQuery UI 可拖动插件的插件?这将解决这两个问题。

0 投票
5 回答
5677 浏览

jquery - jQuery-Ui:无法将对象拖到手风琴之外

我在手风琴小部件中有一个可拖动的对象。拖动它时,它会限制其父元素,即手风琴元素。我尝试使用“遏制”选项但没有成功。

我已经用 FireFox 3.5.5 和 Chromium 4 试过了。

有没有办法解决它?

谢谢

0 投票
1 回答
470 浏览

asp.net - Jquery\ASP.NET 可拖动和可调整大小的项目列表

需要使用 Jquery 或 ASP.NET 控件实现可拖动和可调整大小的项目列表。任何代码片段或链接?

0 投票
2 回答
6467 浏览

javascript - 可拖动的 JQuery UI 根本不起作用!

为什么这对我根本不起作用?

我只是从 jQuery 网站上的可拖动示例页面复制和粘贴,它只是不起作用:(

谁能告诉我为什么?