jquery for 循环 : for each hovered link show related hidden div next to hovered link

Question

想要在 jquery 中使用 for 循环，以便:

“对于每个 hover_link:在悬停的 hover_link 旁边显示隐藏的 div。”

当前的 jquery 不显示隐藏的 div，更不用说将隐藏的 div 定位在悬停链接旁边，并且无法弄清楚如何为多个 hover_links 循环它。

j查询:

$(document).ready(function() {
    $(".hover_link").mousemove(function(e) {
        $("#box1").show();
        $(".box").css({
            top: ($(".hover_link").offset().top() + 10) + "px",
            left: ($(".hover_link").offset().left() + 10) + "px"
        });
    });
    $(".hover_link").mouseout(function(e) {
        $("#box1").hide();
    });
});​

fiddle :http://jsfiddle.net/3kWq7/1/

非常感谢任何能提供帮助的人

Answer 1

用 mouseenter 替换 mousemove

理想情况下你想在 (http://api.jquery.com/on/) 上使用

为了使其更具动态性，您可以将 rel 属性添加到区域，该区域可以包含要为该特定区域显示的框的 ID。然后你只需要获取rel属性并显示相应的框

更新

我将 rel 添加到区域标签上的 html，并使用 .on() 编写鼠标处理程序。我发表了评论，所以我希望你明白发生了什么http://jsfiddle.net/3kWq7/3/