0

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

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

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

我一直在看这个，但这不是我想要的。jsfiddle.net/LD8t6/ 和这个http://jsfiddle.net/ujBZY/9/（我是傻还是......因为我不能让它工作？）

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

如果我忽略了关于这个主题的一个线程，我很抱歉。在我的搜索中，我可能已经看到我对此视而不见。

我有一个小问题要让javascript正确加载div“悬停”。你们中的任何人都可以使用 javascript 吗？这将是一个很大的帮助:)

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

谢谢 ：）

4

2 回答 2

0

我找到了一些 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 上有文件时，此方法有效：)

于 2013-09-18T05:27:52.120 回答
0

Try this: DEMO HERE

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

    function(){$('div.hoverover').hide('slow');}
);
于 2013-09-16T19:56:22.187 回答