Javascript 为多个元素实现一个饼图菜单？

我正在实现多个元素，如：

元素是在javascript中动态创建的

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

一个想法是当用户点击星星时注入html

---

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

要回答第一个问题，不需要为每个元素重新创建HTML。它可以在HTML中创建一次，然后可以使用jQuery切换其可见性和位置。检查jQuery的.position（）方法。它非常强大

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

---

希望这有帮助。

你对半圆感兴趣吗？它将在您单击项目开始时显示？。。。是的，当你点击一颗星星时，饼图菜单将如图所示展开。我会使用最初隐藏的html，并在点击星星时定位/显示它。如果菜单不一样，我只会插入新的html。如果你发布一些html或fiddle，我很乐意给你一个例子。我如何确定定位。是否有方法获取所单击元素的位置。可能来自单击时调用的事件处理程序-