2

我确定有人已经这样做并在网上发布了,但我找不到这样的示例或教程。

基本上,我想在页面上有一系列链接。如果您将鼠标悬停在链接上,它应该会在链接下方打开一个下拉 DIV 框,然后将内容从预定义的远程 URL 加载到 DIV 中。

有没有人见过这样的实现,或者对如何使用 jQuery 来实现它有任何想法?

4

2 回答 2

2

我认为您正在寻找类似的东西:

$(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 出现后错误...不是很漂亮,但如果有人有建议,那么我'我绝对向所有人开放。

http://jsfiddle.net/ChaseWest/VEuH9/2/

于 2012-05-06T23:32:25.587 回答
1

我会选择以下内容。请注意,我们只针对没有loaded课程的锚点。原因是我们不想多次加载任何锚的内容。每当用户通过一个锚点时,它的内容就会被加载,并且会得到一个特殊的类来表明这一点。如果他们再次通过它,什么都不会发生。

$("body").on("mouseenter", "a:not(.loaded)", function(e){
  $(".mydiv").load(e.target.href, function(){
    $(e.target).addClass("loaded");
  });
});
于 2012-05-06T23:44:09.630 回答