如何在按钮单击撤消时删除可拖动项目?

时间:2017-10-10 02:36:52

标签: jquery html drag-and-drop undo

我有2个可拖动的物品。这两个可拖动的项目可以拖动到任何可放置的div。但是,当我单击撤消按钮时,我需要按照放置时的顺序相应地删除可拖动项目。就像我确定你知道撤消按钮如何工作。我想知道我是否可以从div中撤消可拖动的项目?

正确答案应该是当drag1项目在div1中时 - 所以当它在div1中时,单击撤消按钮时,它必须检测drag1是否在内部,但是如果drag2和drag1都在div1内,它将会只删除div1中的drag2。

Jquery的:

$("#drag1").draggable({
  helper: 'clone'

 });
 $("#drag2").draggable({
     helper: 'clone'
});

$("#undo").click(function () {
  $('.div1').html("");
});

HTML:

<img id="drag1" style="width:1.25vw; height:1.5vw;" name="image"  src="images/equation1_3.png" draggable="true">

<img  id="drag2" style="width:1.20vw; height:1.55vw;"  name="image" src="images/equation1_2.png" draggable="true" >

<div class="boxFirstCol box1 b1 box" id="div1" style="width:5.5vw; height:3vw; "> 
</div>

0 个答案:

没有答案