问题标签 [jquery-ui-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 回答
846 浏览

jquery - 使 Asp.Net 树视图可拖动:如何仅为叶节点设置 css 类?

我有一个 Asp.net 树视图,并且正在我的代码隐藏中以编程方式构建节点。

现在,这个树视图有 3 层深度,即 ROOT -> CATEGORY -> Tasks 属于这个类别。我现在想允许用户将这些叶子任务拖到另一个表,但只有叶子应该是可拖动的(我为此使用了 Jquery 可拖动插件,所以我只需要设置 css 类)。

知道如何仅为叶节点(代码隐藏或 js)设置 CSS 类吗?我试过类似的东西:

但这似乎不起作用:(

谢谢

山姆

0 投票
1 回答
2187 浏览

jquery - 表格行中单元格的 jQuery 可放置选择器

我在为这个问题找出正确的选择器语法时遇到了一些麻烦,希望能得到一些帮助。

所以,我有一个有五列的表。在每一行,每个单元格中,我都有一个名为 MyClass 的类的 DIV 元素。我已经将 MyClass 的对象设置为可拖动的,现在我需要设置适当的放置目标。我想要存在 MyClass 元素的行中的任何单元格,但第一列除外,但仅适用于该元素存在的行(它不应该被放置在其上方或下方的行列中)。

我希望这是有道理的。任何人都知道正确的语法是什么?下面是我目前正在工作的内容,但它并不完全正确,因为它允许在上方或下方放置行。

0 投票
2 回答
4888 浏览

javascript - 包含jquery-ui时JQueryUI可拖动“对象不支持此属性或方法”

Object doesn't support this property or method使用 JQuery UI 时,我收到了经典消息。

然而,这是在将我的工作整合到另一个解决方案中之后出现的。
我肯定包含了脚本(它在调试运行时和 Firebug 的脚本选项卡中显示在 VS 中的脚本文档中可见),并且按依赖顺序(jquery <- jquery-ui <- 我的脚本)。

页面上可用的脚本是:

  • 现代化
  • jQuery 1.4.2
  • jQuery UI 1.8.6
  • 我的脚本使用 .draggable()
  • 另一个 jquery 副本被其他人的控件导入

其他库之间会不会有冲突?

它已经在一个不包含其他库的空项目中进行了测试,并且可以正常工作。

如何最好地诊断/解决这个问题?

0 投票
2 回答
5658 浏览

jquery - jQuery draggable/droppable:访问原始元素

我将元素从一个无序列表拖到另一个:

我想在源列表中标记已经拖动的元素(但仍然允许拖动它们),如何通过 jQuery 链访问它们?

我想我可以id在拖动的元素上设置属性,并且在放置时,克隆的元素将具有相同id的 ,我可以使用它来查找原始元素,但我确信有更好的解决方案。


0 投票
3 回答
3571 浏览

jquery - jQuery UI draggable-sortable 在最初不活动的选项卡(jQuery UI 选项卡)中不起作用

我正在使用 jQuery -UI 选项卡中的jQuery-UI Draggable + jQuery-UI Sortable开发拖放界面

这是HTML代码:

这是javascript代码:

(你可以在这里看到整个代码:http: //jsfiddle.net/dwiash/CWhFe/

如果将拖放界面放置在最初显示的选项卡内,则效果很好。但如果它放在最初不活动/隐藏的选项卡中,它就不起作用。问题是,拖放界面必须放在最初隐藏/不活动的选项卡内

谁能帮我解决这个问题?

谢谢 :)

0 投票
1 回答
3160 浏览

jquery - 将元素拖动到特定的 div

想要将元素拖动到特定的 div,如果不拖动到该 div,将使用 jQuery UI 恢复(还原)

0 投票
2 回答
2473 浏览

iphone - 扩展 jquery 可拖放/可拖放以支持 iPad 和 iPhone

从去年开始,我一直在我的应用程序中使用 JQuery 可拖放/可拖放。现在,该应用程序需要在 iPad 和 iPhone 上得到支持。

已知,上面的 JQuery 不支持在 iPad 上拖放...

我正在寻找一些 JQuery 插件,或者我可以连接到我现有的 JQuery 代码以便在 iPad 上拖放。

谷歌搜索后,我发现了一些替代方法,如 JQTouch、jquerymobile 等。但是,看起来我需要在我的应用程序中进行大量更改(或者,从头开始编写完整的拖放操作):(

我的应用程序非常繁重,因此正在寻找一些快速/简单的方法来将我现有的 JQuery 解决方案连接到 iPad 触摸事件等......

请帮忙

提前致谢

0 投票
2 回答
2861 浏览

jquery - jQuery 和 iframe 以及奇怪的定位:有解决方法吗?

我在 iframe 外面有一个可拖动的东西,里面有一个可放置的目标。在这里,我将 iframe 显示为包含由其 src 属性加载的 HTML 片段。

我使用一些 jQuery(UI 可拖动/可拖放)来做一些事情:

可拖动对象变为可拖动对象,并且可放置对象成功成为放置目标。问题是放置区域的着陆区域不在屏幕上显示的位置。也就是说,当可拖动对象被拖放到放置目标上方的某个位置时会触发警报,而不是在目标本身上。

我所做的一些测试表明,目标在屏幕上的位置与 jQuery 认为的位置之间的差异与页面上 iframe 的垂直位置有关,但我找不到直接的相关性。有谁知道这个问题是否已经被任何地方的任何人调查过,并且可能已经解决了?

如果做不到这一点,任何人都可以建议一种方法,我可以在不使用 iframe 并且两个页面的结构和样式不会相互干扰的情况下将外部 HTML 文件加载到我的页面中吗?我正在考虑直接加载内页并使用 javascript 在它周围绘制页面控件。

TIA奥特柔斯

0 投票
2 回答
1260 浏览

jquery - 如何检查可拖动项目悬停在哪个元素上?(jQuery)

我有两个清单。第一个由可拖动的项目组成(像这样)。它连接到第二个,这是一个可排序的列表(像这样)。

可以通过将第一个列表中的项目拖动到第二个列表中来将它们添加到第二个列表中。然后它们被克隆并变成绿色,以便用户可以看到它们是未保存的添加。

我想要发生的是,当您将项目拖出第二个列表时,它将被标记为删除,或者被发送回第一个列表(如果它是未保存的添加)。但是我也希望人们能够对第二个列表进行排序。

因此,如果他们将某个项目拖出并释放鼠标,则应该将其删除。如果他们将某个项目拖出并再次拖入,则不应将其删除。

我尝试将 mouseup 处理程序包装在 sortout中,最终我可以使用它,但是您无法对列表中的项目进行排序。

关于我应该把这个放在哪里的任何想法?

0 投票
2 回答
759 浏览

javascript - 简单的拖放实现

我在玩 jQuery 的可拖动和可放置功能。我认为尝试在现有程序中实现拖放功能是一种很好的做法。是我想使用的程序。我正在考虑的实现是能够将游戏碎片拖入棋盘,但我不知道如何开始。任何人都可以帮帮我吗?