2

每个人。长期潜伏者,第一次海报=)

首先提前感谢任何阅读我的问题并考虑帮助我的人。我将具体说明我正在尝试做什么,因为我不能只要求某人修复我的代码。

我有一个网页,在整个页面中以拇指样式视图显示我们打开的项目。每个项目都在它自己的容器 div 中。每个容器都包含项目第一页的快照图像缩略图,并且该图像设置为向左浮动,从而在右侧的 div 中留下一条空间。右边的这个空间有 5 个图标在图像的一侧。每个图标代表项目负责人、成员、部门和状态。

就是这样的布局。这是一个 ASP.NET MVC Razor cshtml 网站,因此每个项目都有一个模型保存每个项目的信息(project.Id、project.Leader、project.Crew 等)。我的目标是能够将鼠标悬停在每个图标上并让它显示该图标的信息。

我遇到的麻烦是当我将鼠标悬停在图标上并且它需要@project.Leader 时,它不知道我要哪个项目来寻找它的领导者。所以我在想最好的方法是当我将鼠标悬停在该项目的“容器 div”上时,将 div 的 id 设置为一个变量,这样当我将鼠标悬停在图标上时,我可以使用该变量来告诉它我正在调用哪个项目。领导者。

我希望这是有道理的 =) 任何想法都会有很大帮助,但请理解我不是本地编码器,所以我很容易混淆。

感谢大家阅读!!!!=)

4

1 回答 1

0

使用jQuery,您可以获取被点击元素的父级:

$(".project-icon").hover(function() {
    var target = $(this);
    var container = target.parent();

    // You can use a class on the image to get it from the parent container:
    var image = container.find(".project-image");

    // Or you can get the container's id:
    var id = container.attr("id");
});

当然,您可以使用纯 javascript 来做到这一点,但是您的任务是确保您的代码在任何地方都能正常工作。像 jQuery 这样的工具包会为您处理这些细节。每个做你想做的事情的人都强烈推荐它们。

于 2012-04-26T07:16:08.167 回答