标签: drag-and-drop

使用jQuery,并希望让用户将占位符拖到文本区域.

每个占位符<span>都有一个class='placeholder'.文本区域id很简单'main_text'.

因此,用户应该能够将每个占位符拖动span到文本区域的顶部,删除它,然后插入文本.

最理想的效果是在放置占位符的位置插入文本,但我几乎放弃了那个.在这一点上,只是为了让它工作,所以它在任何地方插入文本将是一个良好的开端.

有没有人成功完成这个？谢谢 -

我在一个新的mac上,并且无法通过拖动它将它们放到eclipse上来安装市场插件.我尝试过使用Safari和Firefox,但它们都不起作用.

是否有某个地方/部分需要被删除,或者是否有其他方法来安装插件？

没有emacs +插件,我没用.

谢谢.

我有一个带有特定输入字段的html页面,我想添加以下功能.

用户应该能够将资源拖放到该字段上.此操作的结果应该是资源的url出现在字段中.

资源可以是本地文件,从而产生类似file:///home/me/document或的URL file://c:\windows-files\document.doc.

资源也可以是一个web资源,产生类似http://host.nl/document.doc甚至是url的网址ftp://host.nl/document.doc,尽管此时我对ftp资源并不感兴趣.我假设从Web浏览器的地址栏中对网页URL进行动作,或者在客户端机器上从例如桌面进行dnd-action.

像往常一样,我希望此功能可以在大多数平台上运行.(Linux/Win/MacOS,Firefox/Chrome/Safari/IE/Opera)

范例是html和JavaScript.

我有一个.net应用程序,我需要通过访问一些低级别的win API来提升管理员权限.我在应用程序清单中使用requestedExecutionLevel设置为requireAdministrator.

该应用程序还需要从Windows资源管理器接收拖放请求.我曾尝试在舱单uiAccess为真,并与喜欢的应用程序的验证码签名等要求外,安装在restricated位置(程序文件)等机应用是没有任何错误正常运行(在Vista上,赢得7),其中用户获取UAC提示提升.

但仍然无法接受拖放请求.

我正在运行xcode 4.5.2为iphone和ipad("通用"应用程序)编写iOS应用程序.

我可以使用iphone故事板将按钮,标签等拖放到它上面.实际上我在iphone端有功能代码.

但是,从一开始,我就无法将任何内容拖放到ipad故事板上.当我尝试这样做时,按钮,标签等只是"反弹".

有没有办法重置iPad故事板,以便我可以得到一个干净的开始？可能是我错误地(这是我的第一个iOS应用程序)将视图或视图控制器拖到ipad故事板上.我尝试删除它,但整个ipad故事板在此之后消失了.

这可能是非常简单的事情,但我对此非常陌生.谢谢.

我正在使用jquery ui draggable,并最终可以放置以便将图片重新排序到不同的盒子中.

当我将图片从包装盒中拖出时,一旦它离开其直接容器,它就会出现在所有其他元素下面.

谷歌搜索时,我能够找到添加:

   helper: 'clone',
   appendTo: "body"

这使得它被拖动出现在所有元素的顶部,但它仍然保留在框中的原始副本,我不希望这样.

有没有办法让我在拖动时让元素保持在一切的顶部？我尝试过高z-index无济于事.

这是一个jsfiddle,它显示了第二个背后的第一个draggle元素.反过来说这不是问题.我不能在不破坏很多其他事情的情况下更改包含div的相对位置.

http://jsfiddle.net/cBWhX/6/

我正在尝试获得与dropbox拖放相似的功能.我希望尽可能使用基本的Web组件/编码来实现这一点.HTML或HTML5是最好的.这对原型来说越快越好.这是我想要实现的目标:

1)用户应该能够将文件从他们的计算机拖放到网页上的任何位置.2)当一个项目被拖过它时,网页本身应该显示一些指示符(即:突出显示或颜色叠加).

我已经看到了几个示例的代码片段,但它们都限制将已经在屏幕上的容器丢弃到其他人而不是将文件放入网页.

删除的文件不需要上传到任何地方,因为这将是一个演示.

任何人都有一些代码片段可以让我继续前进.

嘿,我对猫头鹰旋转木马有一个快速的问题.

首次使用此代码时,如何启用touchdrag:

var owl = $(".full-slider");

owl.owlCarousel({
        slideSpeed              : 500,
        singleItem              : true,
        pagination              : false,
        autoPlay                : false,
        afterMove               : slideChanged,
        startDragging           : pauseOnDragging,
        touchDrag               : false,
        mouseDrag               : false
});

根据用户在我的页面上使用的选项,我想禁用拖动到下一张幻灯片的功能.但是如果用户完成选项,那么我想将其启用,以便他们可以拖动到下一张幻灯片.

如何才能做到这一点？我无法在网上找到一个很好的例子.

我试过这样但是onDrop当我放弃它时方法不返回图像文件...

onDragStart(event, data: any) {
  event.dataTransfer.setData('data', data);
}
onDrop(event, data: any) {
  let dataTransfer = event.dataTransfer.getData('data');
  event.preventDefault();
}
allowDrop(event) {
  event.preventDefault();
}


<div (drop)="onDrop($event, dropData)" (dragover)="allowDrop($event)"></div>
<div (dragstart)="onDragStart($event, dragData)"></div>

对此有何解决方案？

我目前正在开发的拖放系统存在一个问题。

我:hover在div上有一种样式，用户可以在上面放置一些东西。当我只是将鼠标悬停在它上面时，它就起作用了，但是当我拖动一个元素时，它就没有作用。

有没有变通办法即使在拖动时也能显示该样式？

$(document).on('dragstart','#draggable',function(e){
  e.originalEvent.dataTransfer.setData("data",$(this).attr('data-text'));
});

$(document).on('drop','#droppable',function(e){
	console.log(e.originalEvent.dataTransfer.getData("data"));
});

$(document).on('dragover','#droppable',function(e){
  e.preventDefault();
});

div{
  display: inline-block;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-family: Arial
}
    
#droppable{
  border: 2px solid green;
}

#droppable:hover{
  background-color: rgba(0,0,0,0.2);
}
    
#draggable{
  border: 2px solid blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="droppable">Hover me !</div>
<div id="draggable" draggable="true" data-text="I exist too ! :(">Drag me !</div>