Question

我有一个叫做“工具箱”的可展示的div，里面有我独立的“工具” - 带有一些图标的可拖动div和用于小笔记的输入字段。

我想显示工具箱，抓取所选工具，将其拖出工具箱并放下需要的位置（这个可拖动的div需要在正确的位置进行打印，无论如何都不会保存）。这一步很简单，我已经知道了。

现在我想用他的工具隐藏工具箱，但仍然可以拖出工具！怎么做？

--------编辑------

Somwhere out of toolbox

<a href="#toolbox" onclick="showmydiv('toolbox");">Show toolbox</a>

然后工具箱

<div id="toolbox" style="display:none;">
<a href="#toolbox" onclick="hidemydiv('toolbox");">Hide toolbox</a>
 <div class="draggable" id="tool1"><img src="tool1icon.png"><input value="" id="tool1label"></div>
 <div class="draggable" id="tool2"> ...
  ... more tools
</div>

我在单独的js文件中使用了函数来拖动显示和隐藏 - 这不是问题 - 我需要删除级联隐藏的孩子。

----- edit2 ----

当然我来过这里 - http://www.w3schools.com/html/html5_draganddrop.asp

但这不是解决方案我得到的拖拽功能，而且我无法指定新容器放在哪里 - 可拖动的div只停留在鼠标键释放的位置。我们把它放在一边。

更重要的是如何从父母释放孩子到不继承父（隐藏）风格和父事件？任何想法，指示在哪里搜索？

---- eedit 3 -------

去过那里 - how to hide parent div, keeping inner div visible? - 所以仍然没有解决方案

Answer 1

您有两种可能性：

A）更改已移动子项的父项（例如，创建绝对定位的div作为正文的子项）

B）创建重复项并隐藏原件

隐藏父div，但保持儿童div可见

1 个答案: