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

Javascript 在悬停打开DIV时,DIV内容应该从单独的URL动态加载,javascript,jquery,html,Javascript,Jquery,Html,我肯定有人已经做了这件事,并将其发布在网上,但我很难找到这样的例子或教程 基本上,我想在页面上有一系列的链接。如果将鼠标悬停在链接上,它将在链接下打开一个下拉DIV框,然后从预定义的远程URL将内容加载到DIV中 有没有人见过这样的实现,或者对如何使用jQuery有什么想法?我认为您正在寻找类似于: $(document).ready(function(){ $("a").hover(function(){ //When a given link (<a> tag) is h

我肯定有人已经做了这件事,并将其发布在网上,但我很难找到这样的例子或教程

基本上,我想在页面上有一系列的链接。如果将鼠标悬停在链接上,它将在链接下打开一个下拉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.
    });
});
$(文档).ready(函数(){

$(“a”).hover(函数(){//当给定链接(

我会选择以下内容。请注意,我们只针对没有加载
类的锚。原因是我们不想多次加载任何锚的内容。每当用户经过锚时,其内容都会被加载,并且会得到一个特殊的类。如果再过去一次,什么也没发生

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

这个
需要是
$(这个)
吗?除此之外,回答得很好。我想是+1,但没有票数。我不相信。它应该指向元素本身。不过我可能弄错了,如果是这样,我可以更改它=)谢谢你的评论!马克,一定要让我们知道哪个方法对你有效。谢谢!)@JonathanSampson-我觉得这看起来很有趣。好发现。@JonathanSampson是的,我注意到你说的时候,谢谢!你可以像在另一个答案中一样使用这个.href。@LocalPCGuy我更喜欢保持引用一致。因为我在回调中使用事件对象引用,所以我决定在lo中也使用它ad方法。我想我不明白为什么在这两种情况下都使用e.target而不是这个,但这两种方法都很好。一致性很好,我喜欢你使用一个类来防止函数持续启动。@LocalPCGuy,因为我可以从任何地方访问
e
,并且它总是一样的。
这将改变取决于调用的位置。
e.target
对此仍然是错误的,
e.currentTarget
是您想要的。
e.target
不一定是锚元素。