jquery - 带有弹出窗口的 jQuery 垂直 slider 中的溢出隐藏问题

Question

我正在开发一个 jQuery Vertical Slider，其中有大约 20 个缩略图。当我单击缩略图时，会出现一个带有图像描述和详细信息按钮的弹出窗口。但问题是垂直 slider 主容器有一个 css 属性溢出:隐藏；这不会让弹出窗口出现在容器之外。请参阅以下示例以更好地理解我的问题。

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

以下是示例图像 URL，我想让我的 slider 看起来像那样。

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

请指导我如何解决该问题。另外，如果您知道以相同方式工作的任何示例，请引用。

提前致谢

Answer 1

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

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

将此函数放在您的按钮单击事件中。通过这种方式，您可以在垂直 slider 之外动态添加内容并将其放置在您想要的位置。

你可以使用

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

请删除它。