jquery - 单击用户照片时如何显示上下文类型菜单，每页有多个用户照片？

Question

我需要帮助，我需要制作一个仅在您单击图像时显示的菜单，不过我需要将菜单直接定位到图像 div 的右侧。那么有人可以查看提供的链接并帮助我将菜单 div 放置在照片 div 旁边吗？

然后可能会展示一个示例，说明在单击时显示/隐藏菜单 div 的最佳方法，以及在菜单区域外单击时如何隐藏它。最好的方法是为每个用户创建菜单，如果页面上有 20 个用户，我应该创建 20 个隐藏菜单吗？感谢任何帮助我知道这个问题有点像我只是懒惰但我真的不知道如何按照我需要的方式定位 div 以及显示/隐藏它我不知道它需要时的最佳方法在一页上有许多菜单。

http://friendproject.isgreat.org/contextmenu.php

Answer 1

你必须应用CSS

float: left;

到图像以及菜单来定位元素，例如您的 Photoshop 图像。

我认为最简单的选择是在每张图片旁边创建一个菜单。 您必须使用

隐藏菜单

display: none

并且可以像这样使用 jQuery 的 toggle() 函数切换可见性:

$("image1").click(function() { 
    $('#menu1').toggle(); 
});