Question

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

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

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

我一直在看这个，但这不是我的灼热。 jsfiddle.net/LD8t6/和这个http://jsfiddle.net/ujBZY/9/（我是愚蠢的还是......因为我不能让它起作用？）

我在这里取得了进步：http://jsfiddle.net/Zwipper/xCmxj/

如果我忽略了这个话题的主题，我很抱歉。我可能在搜索中看到我对此视而不见。

我有一个小问题，让javascript正确加载div“hoverover”。你们中的任何人都可以使用javascript工作吗？这将是一个很好的帮助：）

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

谢谢：）

Answer 1

试试这个：DEMO HERE

$('#table').hover(
    function(){$('div.hoverover').show('slow'); },

    function(){$('div.hoverover').hide('slow');}
);

Answer 2

我找到了一些带有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>

这是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上有文件时，这是有效的：）

Javascript - 在悬停时加载div和内容

2 个答案: