【发布时间】：2014-10-02 18:33:48
【问题描述】：
我有一个名为“工具箱”的可显示 div，在里面我有单独的“工具” - 带有一些图标和输入字段的可拖动 div。
我想显示工具箱，抓取选定的工具，将其拖出工具箱并放在需要的位置（这个可拖动的 div 需要在正确的位置打印，反正它没有保存）。这一步很简单，我已经搞定了。
现在我想用他的工具隐藏工具箱，但拖出的工具仍然可见！如何做到这一点？
-------- 编辑 ------
工具箱中的某个地方
<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 文件中获得了用于拖动显示和隐藏的工作函数 - 这不是问题 - 我需要从子级删除级联隐藏。
----- 编辑2 ----
我当然来过 - http://www.w3schools.com/html/html5_draganddrop.asp
但这不是我获得工作拖动功能的解决方案，我无法指定新容器的放置位置 - 可拖动的 div 只停留在释放鼠标键的位置。让我们把它放在一边。
更重要的是如何从父级释放子级以不继承父级（隐藏）样式和父级事件？有什么想法，在哪里搜索？
---- 编辑 3 -------
去过那里 - how to hide parent div, keeping inner div visible? - 仍然没有解决方案
【问题讨论】：
-
您对此做了哪些研究？您是否有任何现有代码可以向我们展示您迄今为止所做的工作？你没有真正给我们足够的信息来继续 - 也许发布一个小提琴来证明你卡在哪里？
-
尽我所能编辑了这个问题。我不能使用 jquery，不能进入 @media-print 来隐藏工具箱的打印。我知道 ss long 工具在工具箱内，它们继承了工具箱的所有样式。我不知道如何将它们移出 DOM 树。
-
@Daedalus - 我写到我有拖动、显示和隐藏 div 的工作功能 - 从未说过有原生的。我只知道孩子必须从父母那里搬出来——不仅在浏览器视图中，而且在代码中。我不是当前 js 函数的问题。也许可以编写新的函数 onDrop 事件。
-
@Daedalus - “解释你希望如何隐藏一个容器而不是孩子？” - 如果我知道，我不会在这里问...另一个编辑。从不要求代码，但要想法，解决方案的方向。
标签： javascript html css