javascript - 为多个元素实现单个饼图菜单?

标签 javascript html css

我正在实现 this menu对于像这样的多个元素:

enter image description here

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

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

一个想法是在用户点击星标时注入(inject) html。

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

最佳答案

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

作为替代方案,您可以在用户点击星标时通过 javascript 注入(inject) html,是的。无论您选择哪种方式,我都只会创建一次 HTML,然后使用 jQuery 对其进行定位。

希望这对您有所帮助。

关于javascript - 为多个元素实现单个饼图菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16992537/

相关文章:

javascript - 一次为一个段落制作动画

javascript - 在vue js中动态导入文件

javascript - 使用 src img 将 Attr 设置为最接近的 <a>

php - 多栏照片库

javascript - HTML5 中的 javascript 上传进度显示

javascript - 将 CSS 样式应用于单个元素

python - 如何在选项旁边渲染表单 ChoiceField 图像而不破坏表单?

php - 使用 PHP 从页面中提取 html 代码以推断一些图像

html - 无法更改 html 的相邻选择器 css

jquery - 自定义 css 不在 jquery 移动页面上呈现