如何隐藏可拖动的容器而不是可拖动的本身？

Question

我正在构建一个图表应用程序。当用户单击面板时，他会得到一个可以在画布上拖动的形状托盘。 该应用程序需要能够在平板电脑等小型设备上运行。因此托盘本身可能会占用大量空间或位于放置位置的顶部。因此，当用户开始从托盘中拖动形状时，我想隐藏托盘（拖动源）。通过这种方式，他可以轻松地放在画布上的任何位置。

如何隐藏托盘 - 而不隐藏可拖动的形状？ 一旦形状被丢弃，我还想再次显示托盘，以便用户可以轻松选择其他形状。我尝试设置托盘的 css 显示属性，但这也隐藏了拖动的形状。我还尝试将托盘移动到低于画布的 z-index，但这会将形状也移动到画布下方的 z-index。

有什么想法吗？

谢谢！

Answer 1

好的，所以我找到了解决方案。 如果我在调色板上将 css 属性“可见性”设置为“隐藏”，并在可拖动对象上将“可见性”强制“可见”，那么它似乎可以按预期工作。