javascript - 为多个元素实现一个饼菜单？

Question

我正在为这样的多个元素实现这个菜单：

元素是在 javascript 中动态创建的。

我是否需要为每个元素重新创建 html（这就是我现在的做法）。或者是否有更简单的方法为每个元素使用相同的 html。

一种想法是在用户单击星号时注入 html。

另一个想法是使用一些定位机制。

Answer 1

要回答您的第一个问题，您不需要为每个元素重新创建 HTML。它可以在 HTML 中创建一次，然后您可以切换它的可见性并使用 jQuery 定位它。查看 jQuery 的 .position() 方法。它非常强大。

作为替代方案，您可以在用户单击星号时通过 javascript 注入 html，是的。无论您选择哪种方式，我都只会创建一次 HTML，然后使用 jQuery 定位它。

希望这可以帮助。