如果父显示为:无,则Jquery滑块,幻灯片不会全宽

Question

我正在为一个投资组合制作一个脚本.当你点击其中一个投资组合项时,一个div将出现与jquery onclick函数,如下所示:

$('#portfolioItem').click(function() {
    $('#divThatWillApear').show();

一切正常.我还下载了一个名为glide.js的滑块.这个滑块也工作正常.

但是,只要我将脚本和滑块组合在一起,滑块就会表现得很糟糕.

我创建了一个jsfiddle:http://jsfiddle.net/skunheal/fzftX/2/

幻灯片不会缩放到滑块的整个宽度.但是当你重新缩放它们的窗口时.当我从我的父元素(portfolioOverlay)中删除显示时,它突然工作得很好......

任何人都有一个想法,哪些是错的,如何解决它？

希望听到任何人的意见!

Answer 1

一个简单的解决方法是在单击show后初始化滑块,以解决此问题.

$('#show').click(function () {
    $('#portfolioOverlay').show();
    $('.slider').glide();
});

演示小提琴