使用弹出窗口在jQuery垂直滑块中溢出隐藏的问题

时间:2012-04-26 17:14:27

标签: jquery css popup overflow hidden

我正在研究一个jQuery Vertical Slider,其中我有大约20个拇指图像。当我单击拇指图像时,会出现一个带有图像描述和详细信息按钮的弹出窗口。但问题是Vertical滑块主容器有一个css属性溢出:隐藏;这不会让弹出窗口出现在容器外面。请参阅以下示例以更好的方式了解我的问题。

http://jsfiddle.net/awaises/BtAsN/

以下是示例图片网址,我想让我的滑块看起来像这样。

http://www.thewebmakerz.com/Vertical-Slider.jpg

请指导我如何解决该问题。此外,如果您知道任何以相同方式工作的示例,请参阅。

先谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery将html添加到页面

例如$('body').append('<div class="imagePopUp"> your content </div>')

将此功能放在按钮点击事件上。这样,您可以动态添加垂直滑块之外的内容,并将其放置在您想要的位置。

你可以使用

$('body').removeClass('imagePopUp')

删除它。