我确定有人已经这样做并在网上发布了,但我找不到这样的示例或教程。
基本上,我想在页面上有一系列链接。如果您将鼠标悬停在链接上,它应该会在链接下方打开一个下拉 DIV 框,然后将内容从预定义的远程 URL 加载到 DIV 中。
有没有人见过这样的实现,或者对如何使用 jQuery 来实现它有任何想法?
我确定有人已经这样做并在网上发布了,但我找不到这样的示例或教程。
基本上,我想在页面上有一系列链接。如果您将鼠标悬停在链接上,它应该会在链接下方打开一个下拉 DIV 框,然后将内容从预定义的远程 URL 加载到 DIV 中。
有没有人见过这样的实现,或者对如何使用 jQuery 来实现它有任何想法?
我认为您正在寻找类似的东西:
$(document).ready(function(){
$("a").hover(function(){ //When a given link (<a> tag) is hovered over
$("div").load(this.href).show(); //load the src of that tag into a given div container.
});
});
这是 jsFiddle 中的一个简单测试,但我不知道用 href 放什么...所以你会看到 div 出现后错误...不是很漂亮,但如果有人有建议,那么我'我绝对向所有人开放。
我会选择以下内容。请注意,我们只针对没有loaded
课程的锚点。原因是我们不想多次加载任何锚的内容。每当用户通过一个锚点时,它的内容就会被加载,并且会得到一个特殊的类来表明这一点。如果他们再次通过它,什么都不会发生。
$("body").on("mouseenter", "a:not(.loaded)", function(e){
$(".mydiv").load(e.target.href, function(){
$(e.target).addClass("loaded");
});
});