我使用的是jquery-ui中的可排序演示。我正在尝试在运行时向可排序列表中添加一个项，例如：
<ul id='panelSortable'>
</ul>
$("#panelSortable").sortable({
distance: '15'
});
function generatePanel() {
var html = "<li>";
html += "<p>hello!</p>";
html += "
浏览 0提问于2010-06-24得票数 1
1回答
拖放对象-从标题中拖动
、、、
我有一个HTML弹出对象
我用jQuery把它拖走了。现在，我可以从对象中的任意点拖动这个弹出窗口，这会导致滚动出现问题--如果我试图通过拖动滚动条内的小矩形来滚动--它会拖动整个弹出窗口。
我希望仅通过拖动标题就可以拖动弹出窗口--因此，如果拖动标题，它将拖动整个弹出窗口，但我无法从任何其他点(文本区域、白色背景、滚动条.)拖动弹出窗口。
浏览 2提问于2015-08-26得票数 1
回答已采纳
4回答
MDN、规范以及我在Google上找到的每个网站都说，所有的HTML元素都是可拖动的。然而，在实践中，我发现我不能拖动文本输入或文本区域，即使它们是禁用的。
例如，使用以下代码：
<img src="http://www.placehold.it/350x150" draggable alt="Placeholder image">
<a href="http://example.com" draggable>Link</a>
<input type="text" draggable&
浏览 6提问于2014-03-22得票数 4
回答已采纳
在可放入区域中拖放元素时更改html。
如下所示：
但是当我删除元素时，更改放置的html。
其他示例:我有两个列表第一个可拖动列表和第二个可放列表，当我从第一个列表拖动元素并将此元素拖放到第二个列表中时，该元素将被克隆到第二个列表中
拖动：
<a href="#">test</a>
丢弃：
<a href="#">test</a>
我想将此html更改为
拖动：
<a href="#">test</a>
丢弃：
<div class="toggle"&
浏览 1提问于2011-12-14得票数 7
1回答
我想要创建一个像iOS Facebook聊天功能这样的可拖式内容，所以如果你从右边拖动的内容少于50%，它就会向右拖动，如果你从右边拖动它超过50%，它就会向左拖动。
我有这样的: HTML：
<div class="chat-head">
<a class="bg"></a>
<div class="message">
<p>Content</p></div>
</div>
jQuery：
$(function
浏览 2提问于2013-08-12得票数 0
回答已采纳
1回答
我正在玩HTML5功能，并且我希望div的（和文章，部分等类似的容器）可拖动。考虑下面的代码： <!DOCTYPE html>
<head>
<title>A Simple Draggable Object</title>
</head>
<body>
<h1>Test #1: A Simple Draggable Object</h1>
<div draggable="true">This text should be draggable.&l
浏览 184提问于2018-03-20
回答已采纳
我想在我的项目中集成jQueryUI可拖动和可排序，并使用鼠标按下事件和第一个鼠标移动事件的开始时间之间的时间差来区分它们。我的部分代码如下：
var deltaX = self.mouse.startX - event.pageX,
deltaY = self.mouse.startY - event.pageY;
if (self.mouse.mousedownTime - self.mouse.mousemoveTime < 700){
// Drag down
if(Ma
浏览 0提问于2012-04-24得票数 0
我正在尝试HTML5的特性，我想要div的(以及类似的容器，如文章、章节等)。是可拖动的。考虑以下代码：
<!DOCTYPE html>
<html>
<head>
<title>A Simple Draggable Object</title>
</head>
<body>
<h1>Test #1: A Simple Draggable Object</h1>
<div draggable="true">This text should
浏览 20提问于2010-10-20得票数 29
回答已采纳
1回答
编辑:我知道这看起来像一个重复的问题，但它是针对HTML5拖动事件的。我在添加jQuery事件时没有遇到问题，只是HTML5的拖放功能。
我曾多次使用basic jQuery向页面添加拖放功能，但我希望在当前项目中使用新的HTML5拖放功能。Drag对于我在HTML中包含的任何元素都很有效，但我似乎不能动态添加元素并使它们可拖动。我怀疑这是因为所有可拖动的事件侦听器都是在页面加载时，即在创建新元素之前绑定的。有没有人有幸使用HTML5使动态添加的元素可拖动？或者，有没有办法在不重新加载页面的情况下重新绑定事件侦听器？
对任何HTML5拖动事件使用.bind()似乎都不起作用。也就是说，
$(n
浏览 1提问于2014-11-18得票数 6
当完成拖动HTML5可拖动元素时，该元素将恢复到其原始位置。是否有可能防止反馈图像恢复？
我希望在拖动完成后，反馈图像消失，而不是恢复原状。
浏览 1提问于2010-08-09得票数 2
回答已采纳
1回答
我需要能够拖拽外部HTML元素到完整的日历。我查看了以下内容以获取指导：https://fullcalendar.io/docs/external-dragging 这很好用，我现在可以将拖放元素拖到我的日历中。然而，出于某种奇怪的原因，使用new Draggable()初始化元素会影响被拖动的重影的样式。以下是不拖动时的视图： ? 开始拖动时，会发生以下情况： ? 因为这只在拖动时发生，我甚至不知道如何查看此元素并相应地更改其样式。我试图在不使用new Draggable()的情况下找到其他方法，但似乎这是唯一的方法。我也查看了属性dropAccept，但这也不起作用。提前感谢！
浏览 59提问于2021-09-20得票数 0
回答已采纳
有很多页面告诉我如何在画布上拖动形状或图像，甚至拖动。但是，我想以可点击的HTML URL(超链接)的形式拖动文本，即在一个画布上将几个组合在一起，以给人一种相关性的印象(链接之间越接近，它们之间的联系就越紧密。(作为HTML链接，只有它们的标题是可见的-实际的URL将被隐藏)。
出现的第一个问题是，我是否可以使用一次左键单击来激活链接(将我带到另一个页面)，或者将其解释为拖动的开始。也许我将不得不使用不同的热键，例如r-单击拖动，l-单击激活。我不想双击才能激活--额外的点击会变得单调乏味。
无论是在这个论坛上，还是在其他地方，我都没有找到任何专门解决这个问题的东西，所以如果你有关于如何实现
浏览 5提问于2013-02-22得票数 0
回答已采纳
是否有可能禁用浏览器/窗口之间的HTML5拖放？
我正在使用一个具有本机HTML5拖放功能的Angular2应用程序，希望防止用户在浏览器窗口之外拖动，并防止在可拖动对象的其他窗口中拖放。
浏览 3提问于2019-04-25得票数 0
1回答
我用TideSDK开发了一个带有HTML、CSS和Javascript.To的Windows应用程序，给它一个小部件外观--我拆开了它的标题bar.So --我不能拖动it.The TideSDK文档，上面写着“消失后的标题栏，你可以用它的内容用javascript拖动窗口”。
我如何使用javascript来拖动窗口，选择它的组件(在我的例子中是瓷砖)？任何教程或代码，因为我在google上没有找到我的搜索。
我的应用程序如下所示：
浏览 4提问于2013-08-05得票数 0
1回答
可拖放元素运行单击函数
、、、
在我的jQuery代码中有一个可拖动的元素，并且同一个元素有一个click函数。所有操作都很好，但是当我拖动元素时，它也会运行click函数。我能做些什么来防止这件事？
以下是我的HTML：
<div class="container">
<div class="clickable"></div>
<div id="content">A!</div>
</div>
类“容器”的div是可拖动的，.clickable有一个click函数来切换id content的div
浏览 0提问于2013-08-18得票数 2
回答已采纳
我有按钮<div class='button' data-tag='h1'>Drag to insert h1 tag</div>
当您拖动它时，我希望按钮保持在原来的位置，帮助器保持为<h1>Example</h1>，并将其拖放，您将在没有任何可拖动或jQuery UI样式的情况下删除h1标记。
所以：
你从按钮中拖动一些东西>你在空气中有了h1标签，你放下了没有样式的h1标签。
我有这个：
var html = "<h1>Example</h1>";
浏览 1提问于2013-09-14得票数 2
回答已采纳
当元素被拖动时，我试图通过观察文档上的鼠标移动事件来移动元素(使用html5拖放)。我在一个父元素的文档上添加了一个mousemove侦听器，只要我移动鼠标就会触发，但是一旦我开始拖动另一个子元素，我就不会看到mousemove事件，一旦停止拖动，我就会再次看到这些事件。我在应用程序接口()中看不到拖动会禁用这些事件，但我不能从我的代码中知道如何阻止它们。这是不是仅仅是html5拖放的一部分，它在拖拽的时候禁用了鼠标移动事件？
我正在使用angular2来检测鼠标移动。我尝试了两种不同的方法：
1)
@HostListener('document:mousemove', [&#
浏览 2提问于2017-09-13得票数 7
我正在使用jQueryUI创建一个由可排序卡片组成的大型表格，其中每个卡片都由嵌套的div标签组成，并使用CSS设置样式。当我在特定条件下拖动卡片时，我想创建一个稍微透明的卡片“克隆”，它在拖动时悬停在“真正的”卡片的右侧，但我不想为了实现这种视觉效果而实际复制所有的HTML。
那么，有没有可能在不复制HTML的情况下，使用javascript在两个不同的位置绘制相同的DOM元素呢？
感谢所有回答的人。
浏览 0提问于2012-07-27得票数 1
回答已采纳
2回答
我使用的是jquery拖放。可拖动元素是一个div，它有两个嵌套的div，分别浮动在左边和右边。在拖放时，左侧嵌套的div (包含文本)将为click事件启用：
$('.element_left').click(function(e) {
window.open(ui.draggable.attr('data-link'));
});
现在，在拖放时，单击事件偶尔会触发打开可拖动对象的数据链接中的链接。它看起来像是当可拖动的编号与插槽编号不匹配时触发，但不是100%。
请参阅上的小提琴
很奇怪..。您可能需要尝试几次才能做到这一点，将元素拖动
浏览 0提问于2013-05-08得票数 3
回答已采纳
2回答
我有一个画布，我希望用户能够拖动它周围的图形元素。因此，我不希望画布本身被拖动，但我希望在鼠标执行这些操作时处理dragstart、拖放和拖放事件。
我使用的是Angular 2，所以我有：
<!-- editor.component.html -->
<div #rendererContainer
draggable="true"
(dragstart)="onDragStart($event)"
(drag)="onDrag($event)"
(dragover)="onDrag($event)&#
浏览 1提问于2018-04-24得票数 7
回答已采纳
1回答
我遇到了拖放问题，正在为IE11实现寻求建议。
用于IE11的拖放API不够健壮，我正在尽可能地压缩它的可用性
几个问题-given下面的简单示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
浏览 0提问于2019-08-13得票数 0
我使用的是普通的遗留DnD，而不是gwt-dnd库(因为我不需要DnD小部件，而需要普通的数据，所以我希望保持简单)。
我可以用源代码的Image小部件来实现它。
然后我切换到HTML小部件，但是拖放不起作用:没有错误，没有什么，只是拖动不再拖了。
代码(问题在拖放部分，我只在下面列出代码的这一部分)：
HTML theWidget = new HTML("some string"); // NOK : doesn't drag
// Image theWidget = new Image ("path/image.png"); // OK : do
浏览 2提问于2013-03-31得票数 0
总之，我知道如何在Jquery UI中使用可拖动和可排序的。我还知道我们可以在stop事件中修改拖动项的html内容和css样式。但我不知道是否有可能在stop事件中动态地向拖动项添加句柄选择器？请查看以下代码。谢谢。
$( ".selector" ).draggable({
connectToSortable : '.sortableDiv',
stop: function( event, ui ) {
//do nothing
}
});
$(".sortableDiv").sortable({
stop:f
浏览 0提问于2013-04-25得票数 0
回答已采纳
3回答
我通常不会做这样的问题/答案，但我想我会这样做，因为我已经看到这个问题在20+上被问了很多次，实际上没有一个答案是有效的。简而言之，问题是如果你在一个可拖动的jQuery项目内的任何地方都有可滚动的内容(overflow: auto; )，当你点击并拖动滚动条的时候，父的可拖动容器也会随之拖动。所以，我花了一些时间想出了一个解决方案。
下面是出现这个问题的一些html的一个例子：
<div class="draggable" style="width:100px;height:100px;">
<div id="content
浏览 0提问于2012-01-26得票数 7
回答已采纳
1回答
我试图使html表行可拖放。对于目前的元素来说，它很好用。这里我有一个按钮，它在表中有要添加的字段。这个新添加的字段应该作为行添加到html表中，而可拖放类拖放不适用于新添加的字段。
HTML表格设计可拖动：
<table id=drag_fields >
foreach($crmfields as $row ) {
echo '<tr class="drag_row">';
浏览 1提问于2014-04-09得票数 0
回答已采纳
1回答
我想将svg元素拖到HTML元素上。不知道这样做有多聪明。
但是，我认为我的方法很脏，但我认为我可以使用d3.behavior.drag()从svg元素开始拖动，在d3的拖动函数上，我将克隆一个副本(请认为它只是一个圆圈对象)，并让jquery处理拖动事件。问题是，我不知道如何在新创建的jquery元素上触发拖动事件。
var drag= d3.behavior.drag()
.on("drag", function(d) {
// make a Clone html object .dragging-node
$('.draggin
浏览 2提问于2014-02-18得票数 1
回答已采纳
3回答
有没有一种方法可以使用HTML5拖放API来控制“您正在拖动的内容”的外观？
通常，任何可拖动的HTML元素都是半透明的，并跟随光标，直到您停止/拖放。我想控制它，这样我就可以从元素内的任何地方开始拖动，但是当你真正开始拖动时，我只能让一个小图像跟随光标，准确地说光标在哪里。
一个实际的例子是:一个要拖动的东西的列表，每个都是一个小图像和一些文本，用于你要拖到它旁边的东西的名称。我希望能够在元素中的任何位置拖动图像或文本，但之后只有图像跟随光标，直接位于光标下方，而不是从开始拖动的位置偏移。
我可以想出几种方法来欺骗它(当你开始拖动时，隐藏元素会出现在鼠标光标所在的位置，实际上就是你要拖动的元
浏览 0提问于2013-06-12得票数 23
回答已采纳
1回答
我有以下代码()。我想使用红色SVG矩形作为可拖放的div元素的句柄，但是因为SVG元素不是div的子元素，所以不可能。这样做的目的是让句柄(红色重新)触发div的拖动事件，当div被拖动时，代码更新红色SVG矩形的位置。如何使SVG矩形充当div的拖动句柄(因此SVG元素不是div元素的子元素)？
我已经测试过将SVG作为div的一个子类，并使用SVG作为句柄，这是正常工作的。当我拖动SVG时，div和SVG在拖动时被移动。但问题是，SVG元素本身也会被拖动。但是，我不希望SVG元素本身在拖动时被移动，只希望rect和div。
编辑:当按下sort上的鼠标时，某种形式的div拖动事件出现在我
浏览 5提问于2012-10-12得票数 1
回答已采纳
我有一些像这样的基本HTML
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<ul>
我想使李标签可拖，但以一种不同于往常的方式。
当有人拖动任何一个li标记时，我希望它也能在同一个x轴上拖动围绕它的li标记。
注意:我不能拖动整个ul标记，我需要拖动单个li标记和ul标记中的所有周围的li标记。
浏览 3提问于2015-08-27得票数 0
回答已采纳
2回答
我创建了一个弹出窗口()。
HTML：
<div id = "window">
<div id = "title"> "some title"
</div>
<div id = "innerDiv">
</div>
</div>
CSS：
#window
{
height:200px;
width:150px;
border: 5px solid red;
}
#innerDiv
{
浏览 2提问于2014-12-28得票数 1
回答已采纳
1回答
使用HTML5拖放，可拖动容器中的文本变为不可选。
我尝试将用户选择的CSS标签添加到文本的父元素中，但似乎没有帮助。
[draggable] {
-moz-user-select: all;
-khtml-user-select: all;
-webkit-user-select: all;
user-select: all;
}
这个 (来自HTML5 Rocks)演示了我遇到的问题。
说：“如果您想要使其他类型的内容可拖动，则需要利用HTML5 DnD API。”我想我不知道这是怎么回事
这个可以工作，但是使用了jQuery UI，我
浏览 0提问于2012-10-23得票数 0
回答已采纳
2回答
如何更改可拖动元素的文本，在拖动时，我从cdk/拖放库中获得了代码片段。它提供了参数来捕捉事件，同时，拖动。我可以通过原生元素进行更改，但它会更改所有样式，而且我还需要在拖动或其他操作上设置另一个事件。如果我想在拖动元素上放置随机文本，有哪些选项？ 在Html中 (cdkDragStarted)="dragStarted($event)" 在TS中 dragStarted(event) {
event.source.element.nativeElement.textContent = '1212';
}
浏览 20提问于2020-04-15得票数 0
我正在尝试制作div元素屏幕截图，但是结合可拖动的jQuery，没有运气，我可以获取div的屏幕截图并像png一样保存它，但是如果我在该div上拖动一些元素，然后保存屏幕快照，我只能得到该div和该div上可拖动的元素中的内容？知道吗，到目前为止，这个矿井代码
<script type="text/javascript" src="js/html2canvas.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></scri
浏览 1提问于2013-10-09得票数 2
在拖动一些html元素后，我需要它来复制自身，更改某些内容，使jQuery UI可拖放，并与鼠标光标一起移动，直到jQuery释放鼠标为止。
到目前为止，我成功地克隆、修改并执行了可拖动的操作(请参阅)，无论我做什么，我都无法使它移动。
我们很感激你的帮助。
浏览 0提问于2013-10-29得票数 0
回答已采纳
2回答
我有一个html页面，它有一个jQuery可拖动的函数--
function Drag() {
$(function () {
$($("span")).draggable({
containment: "document"
});
});
$(function () {
$($("li")).draggable({
containment: "document"
});
});
浏览 3提问于2015-03-05得票数 1
回答已采纳
1回答
我使用jQuery移动在各种html外部页面之间切换，页面上有一个可拖动的元素，如下所示：
var moveMe = function(e) {
e.preventDefault();
var orig = e.originalEvent;
var x = event.touches[0].pageX;
if(x>=275 && x<709){
$(this).css({
left: orig.changedTouches[0].pageX
});
}
};
$(
浏览 6提问于2012-07-31得票数 0
回答已采纳
2回答
在本机HTML5中是否有一种方法可以通过attribut draggable="true"获取元素的id？
起初，我认为从可拖动的容器中获得id是标准的，但实际上，它总是来自开始拖动的子元素的id，这是非常烦人的。
这里有一个小提琴：
我需要从div (‘更正’)的id，而不是图像。
任何帮助都是非常感谢的。:)
浏览 1提问于2016-02-17得票数 4
回答已采纳
1回答
我使用的是jQuery2.1.3和Jquery 1.11.4。可拖动的内容附加到具有可滚动内容的div上。单击滚动条后，可拖动的手柄就会粘住它。现在没有办法摆脱拖动模式。这只会发生IE。
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.js
浏览 2提问于2015-04-08得票数 3
回答已采纳
1回答
我是Windows8应用程序的初学者。有谁知道如何在Windows 8应用程序中使任何元素可拖动吗？
我将draggable="true"添加到我希望可拖动的HTML元素中。但我还是拖不动它们。
浏览 2提问于2012-09-18得票数 0
5回答
我附加了一个div.image上的拖动事件。
当我将鼠标放在div上时，拖动事件start.for将包含在nestable.js插件中。我想在单击div的链接时停止div的拖动事件，并使用.i：中的js和html文件
请给出解决方案，我该怎么做呢？
浏览 1提问于2013-04-26得票数 6
jQuery可拖动克隆不工作。我试过搜索。但我找不到解决方案。
HTML
<div id="start">
</div>
脚本
$("#start").draggable({
helper: 'clone'
});
风格
#start {
margin:10px;
height:60px;
width:100px;
border:solid 2px #FD9395;
border-radius:50%;
background-color:#DBFC99;
z-
浏览 0提问于2018-01-06得票数 0
我制作了这张照片，希望它是清晰的。我想拖动这个元素，并将其移动到另一个元素，并在那里复制它，实际上我不希望它被拖动。我知道如何使用DOM，但是我对HTML5一无所知，那我该怎么办呢？
浏览 0提问于2013-08-29得票数 0
1回答
使用此代码，将显示拖动消息，但不显示已删除的消息。当我拖动第一个元素时，不会直观地拖动它，但是会触发dragstart事件。
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<section draggable="true" id="origen" style="height: 50px; width: 50px; border-color: green; border-style: so
浏览 5提问于2017-11-09得票数 2
回答已采纳
2回答
我有一个很大的html5画布(比屏幕大得多)，我想实现一个“谷歌地图”拖动。我希望画布可以通过鼠标拖动，并且我希望它只渲染我们每次拖动它时在屏幕上看到的部分。有没有人有好主意？
浏览 0提问于2011-04-24得票数 7
7回答
当开始使用HTML5拖放属性拖动元素时，原始元素仍然是可见的，因此我最终有两个可见元素，而不是一个。
如何才能使被拖动的元素可见(原始元素应该暂时隐藏)。
<script>
function startDrag() {
// hide initial element
}
function endDrag() {
// reset initial element
}
</script>
<div class="draggable" draggable="true"
ondragstart=
浏览 12提问于2016-04-02得票数 32
回答已采纳
我有一个骨干应用程序，我正在创建2个视图，一个可拖动，一个可丢弃。拖动可以正常工作，但是droppable回调永远不会触发。如何让可拖放的视图“看到”可拖放的视图？
我的"droppable“视图：
class App.Views.Folder extends Backbone.View
template: JST['folders/folder']
className: "folder"
initialize: (options) ->
@collection.on('add', @addOne, @)
浏览 0提问于2012-07-05得票数 0
回答已采纳
1回答
有可能得到一个被拖的元素的底层元素吗？
我的具体任务是拖动一个td元素。如果拖停事件被触发，我想要底层元素。底层元素也是一个td。
我怎么能做到这一点？
以下是我的HTML代码：
<table class="grid">
<tr>
<td class="value" colspan="4"></td>
<td></td>
</tr>
<tr>
<td><
浏览 1提问于2015-05-22得票数 3
回答已采纳
2回答
使文本不可选
、、、、
所以，当我在HTML5中玩滚动条之类的东西时，我开始注意到一个恼人的趋势。如果我的元素附近有被拖动的文本(比如，视频的滚动条、滚动条，用户单击并拖动的任何东西)，附近的文本将被选中，就像我没有使用控件，只是在页面上拖动一样。
这非常烦人，而且我似乎找不到合适的字符串在google上搜索，从而找出是否有可能将某些元素设置为“不可选”。
有人知道怎么做吗？
浏览 7提问于2011-03-06得票数 15
回答已采纳
1回答
我正在创建新的div的座位表，但将不会成为可拖动后，他们已插入。
也许有人可以照亮它，让我的新的动态创建的div可拖动。
$(document).ready(function() {
$("#addSeat").bind("click", function(e){
$.getJSON("getrecord.php?format=raw&ticketid=1",
function(data){
$(".seat-element").clone(true).removeAttr("
浏览 0提问于2012-11-07得票数 1
当用户在地图上拖动标记时，我尝试动态填充<%: Html.TextBoxFor(model => model.FaveRunLatLng1)%>。
我需要使用这个值，因为映射是用FaveRunLatLng1值初始化的。但是，当用户拖动标记时，需要对其进行更新，以便在点击Save按钮时，保存最新的LatLng。标记的代码在Javascript中，谷歌地图应用编程接口v3。
我应该使用像这样的东西吗：
<div class="editor-label">
<%: Html.TextBoxFor(model => model.FaveR
浏览 0提问于2011-09-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
