使用jQuery将鼠标悬停在链接上

我正在尝试为悬停时添加一个简单的jQuery slidedown函数。当我将操作附加到文档正文时，我可以使slidedown正常工作，但当我用作链接的图像被附加时，它不工作。这里是div的设置

jQuery(document).ready( function(){
jQuery('.desTitle').hide()
});
jQuery('#desGal').hover(function()
{
jQuery('.desTitle').slideDown('slow');
});

HTML是：

<div id="contain">
<div class="desTitle"><a href="link"><img src="imgTitle"></a></div>
<div id="desGal"><a href="link"><img src="img"></a></div>
</div>

---

我相信链接是个问题，但我不确定。是否可以在链接上创建jQuery悬停事件？

将悬停事件注册放在

文档中。就绪

。事件注册表可能发生在元素

#desGal

存在/文档加载之前

jQuery(document).ready(function () {
    jQuery('.desTitle').hide();

   jQuery('#desGal').hover(function () {
    jQuery('.desTitle').slideDown('slow');
});
});

---

你的意思是切换幻灯片，然后使用

slideToggle（）

我使用以下CSS隐藏要在

悬停

上显示的原始图片：

CSS 然后添加以下JavaScript代码，同时管理悬停的out事件：

JavaScript/jQuery

---

你忘了关闭标记抱歉，它在我的代码中已关闭，只是删除了路径，并忘了在此处关闭。HTML5 IIRC中不需要自动关闭标记似乎工作正常。你可能有一个z索引问题，在img上有其他东西阻止单击/悬停。你能用firebug等来选择它吗？这样做不是更简单吗<代码>$（'#desGal'）.hover（函数（）{$（'.desTitle'）.slideToggle（）；}）@Connor是的，会的。我以为PSL会在发布时将其添加到他的答案中的代码中，所以我想发布一个替代方案。我可能会编辑这个。你不应该因为某人的代码部分与你相同而让你的答案变得更糟，毕竟你必须编写与其他人相同的代码来构建东西。是的，出于某种原因，将函数放在

文档之外。ready

是个问题。是的，似乎是这样。因为在您的live页面中，您可能首先加载脚本，加载元素比加载脚本要花费一些时间，因此这可能会导致问题。使用

slideToggle（）

它在悬停期间重新启动，我可以为

mouseover（）

和

mouseout（）

执行一个函数，但这似乎无法达到目的，因为我可以为一个

slideDown（）

和

slideUp（）

做一个函数，我能让它在悬停时启动吗？

.desTitle {
    display:none;
}

jQuery('#desGal').hover(function () {
    jQuery('.desTitle').slideToggle('slow');
});