我有一堆可拖动的元素,它们绝对位于“画板”上。 用户可以编辑这些元素,也可以拖动它们。 最重要的是用户可以套索选择或移动选择许多元素,这适用于元素 class“.selected”,因此当拖动一个元素时,其他选定元素也应该移动。 目前,这是通过修改其他元素的top和left position 来实 ...
我有一堆可拖动的元素,它们绝对位于“画板”上。 用户可以编辑这些元素,也可以拖动它们。 最重要的是用户可以套索选择或移动选择许多元素,这适用于元素 class“.selected”,因此当拖动一个元素时,其他选定元素也应该移动。 目前,这是通过修改其他元素的top和left position 来实 ...
我正在尝试根据此答案在调整框大小时显示指南。 出于某种原因,在调整大小时,框同时调整大小和拖动(意味着它们在页面上移动)。 为什么会触发拖动事件? 我究竟做错了什么? ...
我有一个 .NET Razor Pages 应用程序并且需要可拖动/可排序功能。 我找到了jQuery UI Draggable/Sortable component 。 我实际上在很多年前使用过它并且效果很好。 但是下载页面说它对于 jQuery 1.8+ 是稳定的,而我使用的是 jQuery ...
我有一个 jQuery 对话框,其中的内容可以从对话框中拖出(使用 jQuery 可拖动插件)并拖到页面上。 我不得不将 css 从"display:block"更改为"display:inline;" 以防止当我将一个元素从对话框中拖到右侧时,对话框中内容的 rest 向左移动。 现在它是内联的, ...
我在创建数组时遇到了一个奇怪的错误。 当项目被拖动时,我尝试保存字段的排序顺序,这对大多数部分都很好。 如果我抓住一个项目,我会保存它们在我的字段列表中的字段顺序,我将其推送到一个数组中。 这适用于所有领域,除了第一个领域。 如果我将第一个项目 1 向下移动,它将在阵列中移动到最后一个 positi ...
我想制作一个可以向左/向右拖动的透明框,也可以用手柄调整大小。 框的左右区域应该是不透明的,如下所示: ...即您可以握住盒子的中间并将其向左移动(显示当前被蓝色阻挡的内容),并且应该能够通过拖动红色手柄来使透明框变大/变小。 这可能与 JQuery UI draggable() 和 re ...
我创建了一个字段编辑器,您可以在其中通过拖放创建多个块并将它们克隆,因为您可以使用任意数量的块。 然后有机会从左侧的列表中输入字段。 到目前为止,这工作正常。 我的脚本如下所示: 不幸的是,无法从右侧的块中删除字段。 你能告诉我我必须做什么以及为什么这不起作用吗? 这就是我的代码的样子 ...
我在左侧有一些可拖动的框。 当它们被拖动时,它们会被克隆,因此您可以放置任意数量的框。 当它们被拖到.sortable时,我希望通过单击链接的x将它们删除。 这是我的脚本: 不幸的是,这个x似乎没有做任何事情。 什么都没发生。 你知道我做错了什么吗? 在这里你可以找到一个演示http ...
我有一个菜单,我可以在其中创建动态块并放入一些字段。 当我将一个字段拖到一个块中时,我还希望它们可以跨多个块进行排序。 但它们只能在块内排序。 这是我的 HTML 代码: 那是JS 您知道如何制作字段,将其拖到克隆块,排序/拖动到另一个块吗? 字段不应该被克隆,每个字段都是唯一的并且只 ...
我正在尝试使我的可拖动元素仅在我按下控制按钮并拖动它时被克隆。 我对draggable()函数的选择是: 这甚至可能吗? 我已经尝试过ui.element和this ,但都没有奏效。 我不确定您是否可以在运行时更改 jquery 函数的选项。 ...
有问题的网站页面: https://reubenanderson.com/nisswa_dock/dock-builder/ 我有一个项目,用户可以在其中将码头的一部分拖到湖岸以创建自己的码头。 这是一个 wordpress 页面的内部,我在移动停靠部分后遇到问题。 当我拖动该部分时,它会跳转到 ...
我正在处理嵌套的父子列表项。 这是演示链接https://jsfiddle.net/fahadsheikh/kq5oxbrs/2/ 可排序和可拖动的工作正常,但是如果父 div 之一为空,则拖动不起作用。 $(document).ready(function() { // Sort the pa ...
我有 Jquery 代码可以将元素拖放到 work_area div 中,效果非常好。 但是,当我尝试将相同的函数应用于预加载的 DOM 元素时,可拖动函数在文档就绪时使用另一个 draggable() 函数,预加载的元素在工作区域内是可拖动的,但新元素不是。 为了更好地理解这里的代码: 拖放新 ...
我有 2 列,每列有 3 张卡片,每张卡片都有一个复选框。 我的代码以单独拖放每张卡片的方式运行,但我想在一个动作中拖放多个选定/选中的卡片,并在卡片掉落时取消选中复选框。 查看实时示例或片段以实时预览。 $("#card-list").droppable({ accept: $(". ...
我试图将我的可拖动区域限制在背景 (.bg) 上,但是一旦我这样做了,window 就只能垂直拖动,尽管背景的宽度为 100%。 我尝试将约束放在“身体”和“父母”上,所有这些都导致了同样的问题。 我怎样才能使我的 window 可以向各个方向拖动? $( function() { $( ".dr ...
我正在尝试使用 Python 和 Selenium 拖放多个元素。 我在<ul>中有一个<li>元素,我需要将其移动到另一个<li> ... 第一步效果很好,但是接下来的动作出现了一些魔力 我想更改网页中项目的顺序。 这是我的 python 代码 我的最终目标是将 ...
我在表外有 div (.draggable),在表内有 div (.dropped-draggable),它们都是可拖动的,但行为略有不同。 当我将 a.draggable 放入表中时,我将助手 append 克隆到 div 并给它 the.dropped-draggable class。但是,为了 ...
我有一个可拖动的 div 和一张桌子。 我希望能够将 div 的克隆放入表中,然后将其放入表中后,将表中的 div 从一个单元格拖到另一个单元格而不创建克隆。 但是目前,当我尝试将已经放入表中的 div 从一个单元格拖到另一个单元格时,它会创建一个副本。 我怎样才能避免这种情况? $(functi ...
我遇到了一个我不确定如何解决的问题。 当我将旋钮拖到图片中时,就会创建一个克隆。 在图像下方,然后显示带有按钮 position 的表单。 问题是有时这个值不会在这个输入字段中更新。 在第 85 行中,我设置了该值。 然后在第 89 和 90 行,我首先检查这个值是否存在。 通过:console.l ...
我正在使用 jquery UI 进行拖放项目。 在这个项目中,我使用了两个 div。在第一个 div 中有一些元素。我想拖动它们以便我可以将它们放在第二个 div 中。此外,我想将可拖动元素用作可放置元素,以便我可以放置另一个可拖动的元素在这里。 这里是项目的演示...... 这里元素是可拖动的 ...