2

我的 jquery 幻灯片有问题。

$(document).ready(function() 
{
  $(".events").hover(function() 
  {
      $(this).next().slideToggle(400);
  }, function() {
      $(this).next().slideToggle(400);
  });
});

当我将鼠标悬停在我的图像上时,隐藏的内容会滑出,当我没有悬停时它会滑入,这很好,但我需要对其进行微调,以便当我将鼠标悬停在内容上时隐藏的内容将保持打开状态而不仅仅是图像。任何人都可以帮助我,我是网络设计的新手,并且已经坚持了一段时间。提前致谢。

我说得太快了,我尝试了上面的解决方案,但它不起作用。我的幻灯片甚至无法打开,当我只更改其中一个不确定问题是什么时,它阻止了我页面上的所有其他幻灯片打开。这是我的html:

信息文本在这里

嗨 thebiffboff 我将我的 html 和 css 复制到了你发送的小提琴链接并使用了你向我展示的解决方案,它运行良好,但它不会在我自己的页面中,我该如何寻找问题

4

1 回答 1

1

您可以将图像和隐藏内容包装在包装器中,然后将悬停事件绑定到此包装器。我为您创建了一个示例小提琴。我还添加了清除当前动画队列的 .stop() 方法,否则如果您快速进出多次,幻灯片将在您完成后继续上下滑动。

于 2012-06-26T21:55:19.287 回答