cost 240 ms
JQuery UI change draggable snap position based on another elements - JQuery UI change draggable snap position based on another elements

我有一堆可拖动的元素,它们绝对位于“画板”上。 用户可以编辑这些元素,也可以拖动它们。 最重要的是用户可以套索选择或移动选择许多元素,这适用于元素 class“.selected”,因此当拖动一个元素时,其他选定元素也应该移动。 目前,这是通过修改其他元素的top和left position 来实 ...

滚动时冻结 jQuery UI 对话框标题栏 - Freeze jQuery UI Dialog box titlebar while scrolling

我有一个 jQuery 对话框,其中的内容可以从对话框中拖出(使用 jQuery 可拖动插件)并拖到页面上。 我不得不将 css 从"display:block"更改为"display:inline;" 以防止当我将一个元素从对话框中拖到右侧时,对话框中内容的 rest 向左移动。 现在它是内联的, ...

移动第一个值时数组排序错误 - Array sorts wrong when moving first value

我在创建数组时遇到了一个奇怪的错误。 当项目被拖动时,我尝试保存字段的排序顺序,这对大多数部分都很好。 如果我抓住一个项目,我会保存它们在我的字段列表中的字段顺序,我将其推送到一个数组中。 这适用于所有领域,除了第一个领域。 如果我将第一个项目 1 向下移动,它将在阵列中移动到最后一个 positi ...

如何制作一个可调整大小和可拖动的框,它是一个带有不透明背景的透明窗口? - How to make a resizable and draggable box that's a clear window with an opaque background?

我想制作一个可以向左/向右拖动的透明框,也可以用手柄调整大小。 框的左右区域应该是不透明的,如下所示: ...即您可以握住盒子的中间并将其向左移动(显示当前被蓝色阻挡的内容),并且应该能够通过拖动红色手柄来使透明框变大/变小。 这可能与 JQuery UI draggable() 和 re ...

将项目拖到动态创建的列表上后无法删除 - Unable to remove items after dragging them on dynamically created list

我创建了一个字段编辑器,您可以在其中通过拖放创建多个块并将它们克隆,因为您可以使用任意数量的块。 然后有机会从左侧的列表中输入字段。 到目前为止,这工作正常。 我的脚本如下所示: 不幸的是,无法从右侧的块中删除字段。 你能告诉我我必须做什么以及为什么这不起作用吗? 这就是我的代码的样子 ...

拖动后元素不可点击 - Element not clickable after dragging

我在左侧有一些可拖动的框。 当它们被拖动时,它们会被克隆,因此您可以放置​​任意数量的框。 当它们被拖到.sortable时,我希望通过单击链接的x将它们删除。 这是我的脚本: 不幸的是,这个x似乎没有做任何事情。 什么都没发生。 你知道我做错了什么吗? 在这里你可以找到一个演示http ...

在动态创建的列表之间移动项目 - Move items between dynamic created lists

我有一个菜单,我可以在其中创建动态块并放入一些字段。 当我将一个字段拖到一个块中时,我还希望它们可以跨多个块进行排序。 但它们只能在块内排序。 这是我的 HTML 代码: 那是JS 您知道如何制作字段,将其拖到克隆块,排序/拖动到另一个块吗? 字段不应该被克隆,每个字段都是唯一的并且只 ...

appendto 掉落的物品移动到不同的地方后 position - After appendto dropped item moves to a different position

有问题的网站页面: https://reubenanderson.com/nisswa_dock/dock-builder/ 我有一个项目,用户可以在其中将码头的一部分拖到湖岸以创建自己的码头。 这是一个 wordpress 页面的内部,我在移动停靠部分后遇到问题。 当我拖动该部分时,它会跳转到 ...

如何为加载了 DOM 的元素添加 Jquery Draggable 函数? - How to add Jquery Draggable funcution for elemets that are loaded with DOM?

我有 Jquery 代码可以将元素拖放到 work_area div 中,效果非常好。 但是,当我尝试将相同的函数应用于预加载的 DOM 元素时,可拖动函数在文档就绪时使用另一个 draggable() 函数,预加载的元素在工作区域内是可拖动的,但新元素不是。 为了更好地理解这里的代码: 拖放新 ...

拖放多个选定的卡片 || jQuery 用户界面 - Drag and drop multiple selected cards || JQuery ui

我有 2 列,每列有 3 张卡片,每张卡片都有一个复选框。 我的代码以单独拖放每张卡片的方式运行,但我想在一个动作中拖放多个选定/选中的卡片,并在卡片掉落时取消选中复选框。 查看实时示例或片段以实时预览。 $("#card-list").droppable({ accept: $(". ...

jquery-UI:可拖动的div只能垂直拖动,不能水平拖动 - jquery-UI: Draggable div only drags vertically, not horizontally

我试图将我的可拖动区域限制在背景 (.bg) 上,但是一旦我这样做了,window 就只能垂直拖动,尽管背景的宽度为 100%。 我尝试将约束放在“身体”和“父母”上,所有这些都导致了同样的问题。 我怎样才能使我的 window 可以向各个方向拖动? $( function() { $( ".dr ...

我正在尝试使用 Python 和 Selenium 拖放多个 jQuery 列表元素 - I am trying to drag and drop multiple jQuery list elements using Python and Selenium

我正在尝试使用 Python 和 Selenium 拖放多个元素。 我在<ul>中有一个<li>元素,我需要将其移动到另一个<li> ... 第一步效果很好,但是接下来的动作出现了一些魔力 我想更改网页中项目的顺序。 这是我的 python 代码 我的最终目标是将 ...

jQuery:可拖动的 div 最初创建克隆,然后在被删除后不创建 - jQuery: Draggable div creating Clone initially, then not after being dropped

我有一个可拖动的 div 和一张桌子。 我希望能够将 div 的克隆放入表中,然后将其放入表中后,将表中的 div 从一个单元格拖到另一个单元格而不创建克隆。 但是目前,当我尝试将已经放入表中的 div 从一个单元格拖到另一个单元格时,它会创建一个副本。 我怎样才能避免这种情况? $(functi ...

值始终在 console.log 中可见,但有时在输入字段中不可见 - Values always visible in console.log but sometimes not visible in input fields

我遇到了一个我不确定如何解决的问题。 当我将旋钮拖到图片中时,就会创建一个克隆。 在图像下方,然后显示带有按钮 position 的表单。 问题是有时这个值不会在这个输入字段中更新。 在第 85 行中,我设置了该值。 然后在第 89 和 90 行,我首先检查这个值是否存在。 通过:console.l ...

如何在作为可放置元素的子元素的可拖动元素上拖动元素? - How to drag a element on the draggable element that is child of droppable element?

我正在使用 jquery UI 进行拖放项目。 在这个项目中,我使用了两个 div。在第一个 div 中有一些元素。我想拖动它们以便我可以将它们放在第二个 div 中。此外,我想将可拖动元素用作可放置元素,以便我可以放置另一个可拖动的元素在这里。 这里是项目的演示...... 这里元素是可拖动的 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM