Question

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

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

有没有人见过这样的实现，或者对如何使用jQuery有任何想法？

Answer 1

我认为你正在寻找类似的东西：

$(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/

Answer 2

我会选择以下内容。请注意，我们仅定位没有loaded类的锚点。原因是因为我们不想多次加载任何锚的内容。每当用户经过一个锚点时，它的内容就会被加载，并且会得到一个特殊的类别。如果他们再次通过它，没有任何反应。

$("body").on("mouseenter", "a:not(.loaded)", function(e){
  $(".mydiv").load(e.target.href, function(){
    $(e.target).addClass("loaded");
  });
});

在悬停打开DIV时，DIV内容应从单独的URL动态加载

2 个答案: