问题标签 [html5-draggable]

我正在使用 HTML5 拖放来创建一些可排序的选项卡。这是确切的代码，尽管它是特定于 Angular 的：https ://stackoverflow.com/a/23443028/1267778

我在这些选项卡之一中有一个使用 d3.js 的 svg 图表。

可排序性有效，但是当我单击图表时，它会进行转换，并且可排序性现在被破坏，直到我重新加载页面。

我在其他选项卡中有其他 svg 图表，我可以在不破坏它的情况下与之交互，但是导致问题的图表不会引发任何错误或任何东西。它只是在没有任何关于发生了什么的线索的情况下中断。

我注意到当我开始拖动时“.dragging”类仍在应用，但没有拖放效果；标签保持在原位。

关于可能发生的事情或我可以从哪里开始寻找问题的任何想法？我什至不确定从哪里开始，因为没有引发错误，而且我不知道拖放可能与我单击图表有什么关系，除非 javascript 崩溃但没有任何迹象。

我有一个单词列表和相应的含义

我想要的是按以下方式在 HTML5 中设计页面：

还想使用 javascript 从 xml 文件中检查答案。但这里的问题可能是我如何从相应单词的可拖动位置获取可拖动值。

请帮忙。

我正在构建一个 Web 应用程序，其功能类似于 Adob​​e Photoshop 或 Illustrator 等流行软件的浮动面板功能。我正在使用 HTML5 Drag & Drop API 来执行此操作。

首先，要更新我正在拖动的面板，我正在按照这些思路做一些事情

现在，这一切都很好！但问题是我想在另一个块元素上捕获拖动事件，就像这样

问题是，只要我更新拖动元素的位置，事件就永远不会被触发。但是当我注释掉拖动元素的重新定位时，事件确实会被触发，就像这样

现在，对我来说，这感觉就像我正在拖动的元素阻碍了事件的触发。

如何继续拖动我的块元素，但同时触发dragover事件？

查看JSFiddle！

在 Chrome 36.0.1985.125 中工作

谢谢！

我正在尝试将EventListener 添加到所有文章元素，因此当它们被单击时，它会将它们变成可拖动的元素。

我没有在这个任务上使用 jQuery。

尝试1：

尝试2：

在两者中，我都收到“未捕获的类型错误：未定义不是函数”，这通常指出我遗漏了一些东西，但在阅读后我不知道是什么。

我在 ng-repeat 中有一个元素列表，其中元素是可点击和可拖动的：如果我点击我显示，如果我拖动......我拖动元素。

拖动时，我显示一个带有要拖动的元素数量的圆圈。

我的问题是单击时，会显示拖动圆圈。而我只想单击而不是拖动。

有没有办法在点击时设置为 2s，比如长按动作（用鼠标）来区分点击和拖动动作？

它与这篇文章类似，但现在我想防止在单击时拖动（以 Angular 方式）。

这里有一些标记：

我正在使用ngDraggable指令。

如果有帮助，这里有一些代码：

拥有像 ng-click-or-drag 这样的指令可能会很好，当点击超过 2 秒时，它被解释为拖动。

从哪个可拖动元素中删除的父元素是否存储在某处？

我曾尝试使用以下任一方法解决dragStart

或者

使用 setData 元素被转换为字符串 addElement 仅存在于 firefox

为了更容易编辑，我添加了 jsFiddle

http://jsfiddle.net/

在具有一些可拖动图像的 html 页面上，我们必须使用鼠标指针绘制形状或线条，绘制图像和形状已完成，但不能在可拖动图像上。此外，如果用户移动图像，则先前绘制的形状应保持原样
。同时，我已经能够创建形状和画线，但是当我尝试
在图像上画线时，它又回到了背景中。有人可以建议我如何使用
当前也在使用的画布和 html5 来实现相同的目标。

我有以下工作代码（另见这个小提琴）：

}

在这里，您只能将彩色 div 拖放到主 div 内。问题是这个红色的 div 从他掉落的位置跳了一点。我认为这是因为我使用了鼠标 ev.clientX 和 Y。那么我该如何解决这个问题，以便 DIV 保持在放置的位置？

有没有办法让 aspx 页面的代码隐藏访问修改后的 html？

例如，我有一个空的 runat="server" 无序列表，在“queue.aspx”上看起来像这样

然后我使用代码隐藏“queue.aspx.cs”填充它

接下来，允许用户使用html5sortable对这些列表项进行重新排序。这工作正常，并修改页面的 html。

然后我尝试在“queue.aspx.cs”中读取更改后的html，以便将它们保存到数据库中。

不幸的是，这个函数读取 html 就像在 html5 重新排序之前一样。例如，如果我交换第 1 项和第 2 项的位置，我希望函数写“21”。

相反，它写入“12”，就好像没有修改任何内容一样。

无论如何，对问题的详细描述，但我愿意接受有关如何使我的方法起作用的任何建议，或者是实现可重新排序的拖放列表相同功能的替代方法。

在一个 aspx 页面上，我有一个这样的可排序列表，它是使用这个插件制作的。

然后在页面底部，我有代码加载可排序列表的 js，并设置了一个名为“sortupdate”的函数，该函数在每次列表顺序更改时运行。

这就是事情变得奇怪的地方。将项目从一个地方移动到另一个地方时，例如项目 1 到项目 2 的位置，警报按预期工作，返回“0 -> 1”但随后另一个警报框显示完全相同的“0 -> 1”。在我看来，Javascript 出于某种原因运行了两次，但我以前从未见过这样的事情，也不知道是什么原因造成的。

我需要它只运行一次，否则当我尝试存储新订单时会发生非常奇怪的事情。

任何人以前见过类似的问题，并有一些建议？我不知道这是 JavaScript 问题、ASP.NET 问题还是 html5sortable 问题，所以我什至不知道从哪里开始。