是否有可能限制可滴落的区域。
我希望我的拖拽回来，如果它不是完全在拖拽。这就是小提琴。如果不在drag1目录中，我想让可拖拽的东西恢复原状。
jquery：
$("#drag").draggable({
revert:'invalid',
cursor:'move',
appendTo: 'body',
containment : 'document',
helper
浏览 0提问于2014-01-03得票数 0
在jquery UI拖拽效果中，如何找到被拖拽的拖拽效果？
$('#test').droppable({
drop: function (e,ui) {
//$(this) means the drop-container
//How can I use the "ui" parameter find the being draged one?
}
}
}
浏览 1提问于2012-03-09得票数 1
回答已采纳
2回答
量角器中的拖放操作
、、、、
我有一个要求，拖拽和项目从一个页面，并把它放在同一个网页的另一个位置，这是在angular js开发的
谁能告诉我在量角器里是怎么做的？
浏览 0提问于2016-06-16得票数 0
1回答
$(".profile_icon").liveDraggable({
start: function(event, ui){
$("#team_deletezone").show();
$(this).addClass('valid');
},
stop: function(event, ui){
$("#team_deletezone").fadeOut();
},
conta
浏览 1提问于2012-11-20得票数 0
回答已采纳
2回答
我正在尝试使用JS拖拽一个家族树上的节点。但是，节点将拖动，但不会放在放置它们的位置。它们会回到原来的位置。
我不确定我是否定义了可以正确删除它们的区域。JS代码为：
function allowDrop(ev){
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData("Text",ev.target.id);
}
function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("img");
e
浏览 3提问于2013-04-30得票数 0
回答已采纳
嗨，我正在试着做一个简单的问题。
我希望top使用这个++代码：
我希望这个框变成绿色代表正确，红色代表不正确。
即我是拖拽是正确的，而拖拽我是不正确的
我尝试了几种不同的方法，例如：
$('.drag').on('draginit', function(ev, drag) {
// Create a ghost for this drag
drag.ghost();
});
$('.drop').on({
'dropover' : function(ev
浏览 5提问于2012-12-06得票数 0
回答已采纳
1回答
当我从drop中删除droppable项时，它应该被添加到dragable list中。
你能帮助我如何让它在拖拽列表中再次可见的编码。
HTML：
<div class="draggable"> <div class="cs-drop">drag 1
<a href="#"> remove</a></div></div>
<div class="draggable">drag 2</div>
<div class=&#
浏览 4提问于2015-03-19得票数 0
3回答
我是一个完整的jQuery和Javascript菜鸟，试图获得一个非常简单的拖放现场演示工作。我越来越接近了，但我的拖拽元素被赋予了绝对的位置，所以它们不能很好地流动在一起。
标记非常简单：
<section class="favrecentboxessection" id="favorites">
little divs with the style set to draggable
</section>
<section class="favrecentboxessection" id=&
浏览 1提问于2011-10-26得票数 0
回答已采纳
我正在尝试将表格拖拽程序导入到我的前端，但我得到了错误消息，即tableDragger不是一个函数。我尝试按照本教程进行操作，并按如下方式初始化表拖拽程序 <script src="../node_modules/table-dragger/dist/table-dragger.min.js"></script>
<script type="text/javascript">
var el = document.getElementById("table");
var dragger = tableD
浏览 14提问于2019-12-15得票数 0
1回答
我正在寻找一个解决方案，能够拖拽材料UI选项卡，这将改变他们在标签中的顺序，就像你可以改变标签顺序在浏览器中，当你有多个标签打开拖拽到不同的位置。我还没有在网上看到太多关于资料界面标签的细节。奇怪的是，在我去尝试重新发明轮子之前，是否有人有解决办法。
浏览 2提问于2021-04-01得票数 2
1回答
我正在致力于将我的文章拖拽到类别中的能力；我使用jQuery函数实现可拖放的效果。然而，在rails中使用下面的jQuery会给我一个错误；
$(".display_type").droppable({
accept: ".brand_span",
hoverClass: "active",
drop: function(event, props) {
$("#display_container").load("brand_display/change&#
浏览 1提问于2013-09-20得票数 0
回答已采纳
1回答
jQuery可丢弃项重叠
、、、
我有一个可拖拽的div和两个可拖放的div。这两个可丢弃的div也是可拖动的，因此这两个div可能会重叠。在这种情况下，当我拖动可拖动的div并放到重叠的div上时，有没有办法确保它被放在顶部的div上？
浏览 3提问于2009-10-09得票数 2
我有一个应用程序与一些可拖放和拖拽，我想为一种类型的拖拽(与一个给定的类)这个拖拽只能放在一种类型的拖放。
问题是，它依赖于类，在我的网格中，拖拽对象可以拖到任何地方：
$('.grid-drop').droppable({
accept: '.block',
hoverClass: 'hovered',
drop: handlePublishBlock
});
所以我要做的是，当我开始拖动我的元素时，我改变了对网格的接受，如下所示：
$('.grid-drop').droppa
浏览 8提问于2018-09-24得票数 0
我想成为一个拖放game.When我将开始拖拽我的对象是一个小尺寸的一个拖放position.It是执行correctly.But时，拖拽对象是触摸命中点，它不能停止拖动。我可以停止拖拽吗?这是我的代码.....
drag_6.buttonMode = true;
drag_6.addEventListener(MouseEvent.MOUSE_UP, dropMe6);
drag_6.addEventListener(MouseEvent.MOUSE_DOWN, dragMe6);
var back_6X:Number = back_6.x;
var back_6Y:Numbe
浏览 2提问于2015-06-15得票数 1
我使用jQuery插件和
查看 (这只是一个参考问题，不是关于限制容器移动的问题)
是否可以防止拖拽元素落在另一个元素的顶部？但它可以拖到另一个上面。
浏览 0提问于2010-07-28得票数 0
1回答
默认电子拖动项目未按预期工作
、、、、
根据我的理解，默认的电子文件拖拽项目(https://github.com/electron/electron/tree/v15.3.0/docs/fiddles/features/drag-and-drop)应该在用户拖拽文件时有一个拖拽图标，但是在复制每个vadum的项目后，拖拽图标没有显示出来，是否有更改，它只是不工作，还是我错过了什么？ 我使用的是windows 10的最新版本。
浏览 20提问于2021-11-03得票数 0
回答已采纳
我已经使用Ext创建了一个可拖动的树结构。我想要在树形面板监听器的“drop”功能中拖拽节点的id，这样我就可以将它传递给一个php文件进行处理。谢谢。
浏览 1提问于2014-08-21得票数 0
1回答
我试图将链接(.link)从一个div (.folder)移到另一个div(Div)，但是drop事件没有触发。我想我通过防止拖拽和拖拽事件中的默认行为，使得所有的.link div都成为可丢弃的区域。代码如下：
$(document).ready(function() {
//Logic for create folder button
$("#create-folder-button").click(createFolder);
// //Logic for drag and drop for the links
$(".folde
浏览 11提问于2016-08-06得票数 0
回答已采纳
如何在TinyMCE 4上禁用拖拽图像？我使用jQuery
jQuery('#tinymce img').on('dragstart', function(event) {
event.preventDefault();
});
但它不起作用。
浏览 0提问于2016-02-25得票数 5
下面的代码包含一个用于拖放的部分。div拖拽块需要拖拽，但它不起作用，第一次拖拽它就不放了。它从我们第二次拖动时开始下降。 https://github.com/kutlugsahin/vue-smooth-dnd <div>
<Container
@drop="onDrop"
lock-axis="y"
drag-class="drag-div"
drop-class="drag-div"
drag-handle-selector=".
浏览 62提问于2019-09-20得票数 0
我的div结构是这样的，
<div class="fromDiv">
.......From here I want to drag..........
</div>
<div class="parantDiv">
<div class="childFirst">
..Here Want to drop......
</div>
<div class="childSecond">
..Or
浏览 3提问于2017-05-27得票数 0
我想要做的就是在拖拽成功后将拖拽的元素适应父元素(dragabble div和droppable元素具有相同的宽度和高度)
有人能告诉我如何“匹配”这两个元素吗？
我的droppable代码是这样的：
$(function() {
$( ".cells" ).droppable({
accept: "#image",
activeClass: "hovered",
hoverClass: "active",
drop: function( e
浏览 0提问于2013-12-22得票数 0
我必须使用javascript在drop函数中找到可拖动div的id。使用Jquery，我知道如何找到它。但是我被困在一种情况下，拖拽事件的id在drop函数中是必需的。在拖拽函数中，我可以通过使用alert("id "+obj.id)来获取id，但请使用javascript在拖放函数中帮助我找到它。
以下是代码
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev, obj)
{
ev.dataTransfer.setData("Text",ev.target.id)
浏览 1提问于2012-11-30得票数 0
回答已采纳
我有两个树，一个是TreeDrag，另一个是drop，假设是TreeDrop。当我将项目从TreeDrag拖动到TreeDrop时，我想要显示反馈和所有其他正常的东西，除了在TreeDrop中添加拖拽的项目...
浏览 0提问于2010-10-25得票数 0
回答已采纳
1回答
我正在创建一个android应用程序，我需要在其中拖放视频视图。我能够做到这一点。但实际的问题是如何在拖拽视频视图的同时创建拖拽阴影？
浏览 0提问于2016-01-12得票数 0
我有一个jQuery UI droppable元素，当可拖动对象悬停在它上面时，我希望它变得更大。我已经尝试了使用hoverClass选项和绑定到drophover事件。
从视觉上看，这两种方法都工作得很好。但是，一旦可拖放对象离开了可拖放对象的原始(较小)边界，jQuery UI会将其解释为“丢弃”，尽管它仍在当前(较大)边界内。
例如，js：
$("#dropable").droppable({
hoverClass: 'hovering'
}.bind('dropout', function () {console.log('
浏览 2提问于2011-10-24得票数 5
WHy不会拖拽框吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#content {
background:#CCCCCC;
浏览 0提问于2010-03-12得票数 0
回答已采纳
在我正在测试的一个网页上，我们实现了拖放文件上传。我已经研究了selenium action chain API的拖放API。它看起来只支持在一个页面上的两个元素之间拖放。如何从文件管理器中模拟拖拽？
浏览 5提问于2016-01-13得票数 1
1回答
拖放--如何简化可拖放的部分？
、、、、
我已经创建了拖放工作。这里我可以把拖拽内容放到特定的区域，但我已经为可拖拽的项目创建了每个可拖放的函数。我需要简化这一点。
$(document).ready(function() {
$(".list").draggable({
helper: 'clone',
cursor: 'hand',
revert: true,
drag: function(ev, ui) {
dragId = $(this).attr('id');
}
浏览 2提问于2011-07-19得票数 2
回答已采纳
我想将一张图片移到另一张空图片中。在执行此操作时，应删除拖拽的图片，并且拖放目标应复制拖拽的图片包含的数据。 val myOnDragListener = View.OnDragListener { v, event ->
val draggedView = event.localState as ImageView
if(event.action == DragEvent.ACTION_DROP){
(v as ImageView).setImageResource(draggedView.id)
浏览 68提问于2020-01-03得票数 0
回答已采纳
我正在编写一个UI应用程序使用球拍，并希望能够拖拽项目，如图像，从其他应用程序。具体来说，我想在浏览器(如Chrome或FF)中从网页中拖动图像，并将其放到应用程序中的canvas%上，从而接收原始图像数据(应用程序将在接受删除图像之前检查PNG元数据)。
在canvas%类或超类上没有与剪贴板事件直接相关的功能(我可以找到)。
我熟悉Swing和Win32等其他框架中的剪贴板Win32。
看起来clipboard-client%类是必需的，但是Racket文档使得很难将点连接到窗口类之一。
有什么好的教程或示例代码我可以参考吗？
更新:我查看了clipboard.rkt的球拍源(OSX)，
浏览 2提问于2013-03-13得票数 4
2回答
在事件中使用承诺
、、
我使用flow.js ()将文档上传到我的网站上。
2种上传东西的方法：
通过“上传”按钮
拖拽
如果文件被拖放，我想要求用户确认。
您可以查看下面的代码：
this.flow.on('fileAdded', (file, event) => {
if (event.type == 'drop') // File has been dropped
{
if (!confirm("ok?"))
this.flow.removeFile
浏览 5提问于2018-01-23得票数 0
2回答
我正在使用jQuery UI执行一些拖放操作。我在试着找出可拖拽的东西在哪。
有人能帮上忙吗？这是我的代码。
$(".draggable").draggable({
stop: function(event, ui){
console.log(event);
// I need the element which this draggable is correct in.
}
});
浏览 1提问于2011-07-21得票数 1
1回答
我想从一个元素列表(Buttons，TextBox)中拖拽克隆到一个“表单设计器”div中。如何获取原始元素的属性并在该表单设计器div中创建新元素
drop: function( event, ui )
{
jQuery('<input/>',
{
type:
value:
}
).appendTo('#cartContent');
}
浏览 2提问于2012-05-30得票数 1
回答已采纳
阅读一些类似的文章/问题，但如果可丢弃的元素是具有相同命名类的许多元素，则无法使其工作。
如何使拖放的元素只放在可下垂的元素中。如果它被拖到别的地方，它就会回到原来的父母。(不会被拖拽)。
<div class="box-body">
<div class="task">task</div>
</div>
<div class="box-body"></div>
JS
$('.task').draggable();
$('.box
浏览 5提问于2013-11-07得票数 2
回答已采纳
可以使用jQuery的drop事件从桌面拖拽文件吗？
如果是，我如何获取丢弃的文件数据？
浏览 0提问于2012-03-03得票数 72
回答已采纳
我正在两个树视图之间进行拖放操作。在Target treeview(Drop Treeview)中，此treeview使用系统中的驱动器和文件填充。我怎样才能在目标树形视图中获得我想要拖拽的项目的树形视图？我在目标treeview的drop事件中使用以下代码
private void TargetTreeview_Drop(object sender, DragEventArgs e)
{
Node item = e.Data.GetData(typeof(Node)) as Node;
e.Effects = DragDropEffects.C
浏览 2提问于2015-01-21得票数 0
1回答
我想要创建一个div，它可以在任何地方都是draggable，但是当我把它放到另一个div时，就不能再拖拽它了。
我找不到那个函数。我试过
$(".draggable").draggable({ helper: "clone"
但没有结果。
浏览 4提问于2014-01-30得票数 0
1回答
<div ng-drag="true" ng-drag-start="onDragStart($data, $event)">
Draggable
</div>
div现在是可拖动的，但没有任何拖动事件被触发，即
ng-drag-start or ng-drag-move or ng-drag-stop or ng-drag-success
我没有拖放区域，因为我想让div回到它被拖拽出来的原始位置。
可能的原因是什么？我该如何解决这个问题？
浏览 1提问于2015-09-22得票数 1
我使用jquery-ui正确设置了可拖动和可拖放的设置。它们都是相同的大小，因此可拖动的应该很好地适合droppable。有没有办法让可拖拽的卡扣放在可放下的中间，以便完全覆盖它？似乎如果我使用snap:参数，它只会捕捉到边缘，而不一定是droppable的中间。
浏览 0提问于2011-06-10得票数 4
回答已采纳
2回答
我正在使用Jquery进行拖放。
我使用简短的javascript让一个项目拖拽：
$(".draggable").draggable();
我用来创建可拖放区域的简短javascript是：
$("#droppable").droppable();
下面是我的可拖动项目的简短HTML代码：
<div id="comItem[]" class="computerItem draggable">
<img src="img/com.png" class="assetImg"
浏览 0提问于2014-12-03得票数 2
我已经使用新的Apple API在自定义视图上启用了drop交互。问题是拖拽源来自应用程序之外(Safari/Photos/Files)。有没有人知道检测拖动操作何时开始的方法，这样我就可以在我的自定义视图中放置一个类似于"drop here“的视图？
谢谢
浏览 1提问于2018-01-31得票数 1
我有一个网格(表)，每个td都是可下垂的。也有一个div，这是一个拖拽。当我拖动div时，所选的可下垂始终是中间的td。但是，我希望td是在div开始的时候。怎么弄到这个？
HTML
<div class="parent">
<table border="1"></table>
<div class="floater"></div>
</div>
JS
var size = [10, 10]
for(var i = 0; i< size[0]; i++)
浏览 1提问于2015-12-05得票数 1
回答已采纳
我很难定位我的“拖拽”和“掉落”元素。
我希望我的拖放元素从prev父级转移到放弃的父级。
所以我使用Jquery detach()。
我的问题是定位，元素脱离屏幕。
我怎么才能解决这个问题？
小提琴
JS
//dropZone data
//Get dropZone, where element is dropped (flakUp or flakDown)
dropZone = $(event.target);
//Get parent dropZoneId (flakId)
dro
浏览 0提问于2016-05-18得票数 0
回答已采纳
1回答
插入元素不可拖
、、
在这个示例中，我试图重新排列列表元素的顺序。我正在移除一个拖放元素，然后在它的drop目标之后插入它。
由于某些原因，插入元素X后，它不再可拖放。我想，如果我只是在元素上调用draggable()，它会为我拖拽，但事实并非如此。
我打错什么了？
这是我的代码：
<html>
<head>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="ht
浏览 2提问于2014-09-06得票数 0
回答已采纳
我知道这个问题已经被问了很多次了，但我无法使我的下拉菜单与我到目前为止的工作。如果我将延迟设置为菜单显示，而不使用setTimeout，则会出现问题。有人能看一下并提出解决办法吗？我也在尝试在IE6中使用它。
下面是setTimeout的完整示例： (窃听，不工作正确，拖拽卡住，延迟不被识别)
这是一个没有setTimeout 的工作版本
这是一份代码副本：
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<
浏览 3提问于2012-10-30得票数 0
回答已采纳
在两个列表框之间拖动项目时出现问题。虽然拖拽的项目是ListBoxItem，它的工作很好，但拖拽按钮留下空白字段。 我尝试检查拖拽项目的类型，但我是WPF的新手，不知道如何修复它。 这是我的mainWindow.xaml.cs文件 private const string formatLista = "Format_Lista";
private const string formatElement = "Format_Element";
private void ListBox_PreviewMouseLeftButtonD
浏览 19提问于2019-10-12得票数 0
回答已采纳
1回答
因此，我有以下结构：
<td class=\"dropbears\">
<div class=\"thingtodrag\" style=\"display:block; width:100px;\"></div>
</td>
我有一堆其他的tds，它们是空的，但有空间。我有一个声明为draggable和droppable：
$(".thingtodrag").draggable();
$(".dropbears").droppable({
accept:&#
浏览 10提问于2018-08-25得票数 0
回答已采纳
我正尝试在Adobe CC中创建一个简单的拖放活动。
我已经让拖拽功能工作得很好，但是我不能让它检测拖拽的按钮何时击中目标。
任何帮助都将不胜感激！
下面是我的代码：
function Main()
{
createjs.Touch.enable(stage);//Emable Touch Gesture Recognition
createjs.Ticker.addEventListener("tick", this.update.bind(this));
this.addTargetsToButtons();//Add Button Actions
}
va
浏览 7提问于2017-05-20得票数 0
当我拖拽东西的时候，我认为reco的值应该是RECO_DRAG。在我的richedit中，但实际上它总是RECO_COPY。这是正常的，还是我犯了错误？
浏览 1提问于2013-10-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
