想要在 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/
非常感谢任何能提供帮助的人
最佳答案
用 mouseenter 替换 mousemove
理想情况下你想在 (http://api.jquery.com/on/) 上使用
为了使其更具动态性,您可以将 rel 属性添加到区域,该区域可以包含要为该特定区域显示的框的 ID。然后你只需要获取rel属性并显示相应的框
更新
我将 rel 添加到区域标签上的 html,并使用 .on() 编写鼠标处理程序。我发表了评论,所以我希望你明白发生了什么http://jsfiddle.net/3kWq7/3/
关于jquery for 循环 : for each hovered link show related hidden div next to hovered link,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11210775/