在彈出的jQuery垂直滑塊中溢出隱藏問題

Question

我正在使用jQuery垂直滑塊，其中有大約20個拇指圖像。當我點擊拇指圖像時，會彈出一個包含圖像描述和詳細信息按鈕的彈出窗口。但問題是垂直滑塊主容器有一個CSS屬性溢出：隱藏;這不會讓彈出窗口顯示在容器外面。請參閱以下示例以更好地瞭解我的問題。

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

以下是示例圖像URL，我想讓我的滑塊像她那樣。

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

請指導我怎樣才能解決這個問題。此外，如果您知道任何以相同方式工作的示例，請參閱。

由於提前

Answer 1

您可以使用jQuery中添加HTML的頁面

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

將這個功能在您的按鈕單擊事件。通過這種方式，您可以動態添加垂直滑塊以外的內容，並將其放在您想要的位置。

可以使用

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

不要刪除它。