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

Question

我正在尝试在悬停时添加一个简单的 jQuery 向下滑动功能。当我将操作附加到文档正文时，我可以让向下滑动工作，但是当我用作链接的图像被附加时，它不起作用。这里是为 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 悬停事件？

Answer 1

将悬停事件注册放在document.ready. 事件注册表可能在元素#desGal存在/文档加载之前发生。

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

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

你的意思是切换幻灯片然后使用slideToggle()

Answer 2

我使用以下 CSS 隐藏要显示的原始图片hover：

CSS

.desTitle {
    display:none;
}

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

JavaScript/jQuery

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

JSFiddle