Javascript-悬停加载div和内容

我有点小问题。 当用户将鼠标悬停在div上时，我必须在div中加载内容

<div id="table">
<div class="hoverover">
    <!--<img src="ImageLink">-->
    Image goes here.
</div>
</div>

图片在这里。

div“table”是用户鼠标显示第二个div的地方。 只有当用户鼠标位于div“table”中时，才能加载div“hoverover”。因此，在用户鼠标进入“表”之前，不会加载div“hoverover”中的任何图片

我一直在看这个，但这不是我渴望的。 jsfiddle.net/LD8t6/还有这个（我是愚蠢还是……因为我不能让它工作？）

在这里，我对自己的进步做了一点手脚：

如果我忽略了这个话题上的一条线索，我很抱歉。我可能在寻找的过程中看到我对这一点视而不见

我有一个小问题，让javascript来正确加载div“hoverover”。 你们中有谁能使用javascript吗？这将是一个很大的帮助：）

我希望这是足够的信息，这是我的第一把小提琴。如果没有，请写：）

谢谢：）

试试这个：

---

我已经找到了一个使用ajax的解决方案。 这就是我发现的：

  <a href="#" class="ajaxtrigger">Load Ajax</a>
    <div id="target"></div>

<script src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script>
    $(function(){
   $(".ajaxtrigger").click(function(){

      $("#target").load("load.php #toggle3");   
   });
})
</script>

$（函数（）{
$（“.ajaxtrigger”）。单击（函数（）{
$（“#target”）.load（“load.php#toggle3”）；
});
})

这是load.php：

<?
echo '<div id="#toggle">Toggle 1</div>';
echo '<div id="#toggle2">Toggle 2</div>';
echo '<div id="#toggle3">Toggle 3</div>';
echo '<div id="#toggle4">Toggle 4</div>';
?>

---

当我把文件放在笔记本电脑上并且xampp:）似乎可以正常工作时，这种方法就可以工作了。它做错了什么？也许我不够清楚。我不希望它加载名为“hoverover”的div，直到鼠标位于“table”中。我的意思是，将有一些图片，不应该加载，直到用户有鼠标在“表”。“hoverover”将显示大约150次和150幅图像。如果所有图像同时加载，则站点将过载。因此，只有当鼠标位于“表”中时，才必须加载“悬停”。你同意吗？直到你的鼠标进入id=table的div中，才会加载div hoverover，你想要什么，我不明白我想加载任何东西，豁免#在站点上悬停。所以所有的内容都是loadet，而不是#hover div。伙计，我给fiddle添加了图像，你运行fiddle吗？因为你所说的对这把小提琴有效，只需运行和测试

<?
echo '<div id="#toggle">Toggle 1</div>';
echo '<div id="#toggle2">Toggle 2</div>';
echo '<div id="#toggle3">Toggle 3</div>';
echo '<div id="#toggle4">Toggle 4</div>';
?>