Jquery幻灯片需要内容在悬停时保持打开状态
Jquery幻灯片需要内容在悬停时保持打开状态
提问于 2012-06-27 05:37:16
我的jquery幻灯片出了点问题。
$(document).ready(function()
{
$(".events").hover(function()
{
$(this).next().slideToggle(400);
}, function() {
$(this).next().slideToggle(400);
});
});当我将鼠标悬停在我的图像上时，隐藏的内容会滑出，而当我没有悬停时，它会滑入，这很棒，但我需要缩小它，以便当我将鼠标悬停在内容而不仅仅是图像上时，隐藏的内容将保持打开。有人能帮我吗?我是web设计新手，一段时间以来一直被困在这件事上。提前谢谢。
我说得太快了，我尝试了上面的解决方案，但它不起作用。我的幻灯片甚至无法打开，当我只更改其中一张幻灯片时，它阻止了我页面上所有其他幻灯片的打开，我不确定是什么问题。这是我的html：
info text goes here -
你好，我把我的html和css复制到你发来的小提琴链接上，并使用了你展示给我的解决方案，它工作得很好，但在我自己的页面上却不行，我该如何去寻找问题呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-27 05:55:19
您可以将图像和隐藏内容包装在包装器中，然后将鼠标悬停事件绑定到此包装器。我已经为您创建了一个示例fiddle。我还添加了.stop()方法，用于清除当前的动画队列，否则，如果您快速地来回移动多次，幻灯片将在您完成后继续上下滑动。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11216327
复制相关文章
相似问题
腾讯云开发者
