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

梅林德克

我正在为一个投资组合创建脚本。当您单击其中一个投资组合项目时,div会与jquery onclick函数一起出现,如下所示:

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

这一切都很好。我还下载了一个名为glide.js的滑块。此滑块也可以正常工作。

但是,一旦我将脚本和滑动条结合起来,滑动条就会变得异常奇怪。

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

幻灯片不会缩放到滑块的整个宽度。但是当您重新缩放窗口时,它们会自动缩放。当我从父元素(portfolioOverlay)中删除显示内容时,它突然一切正常...

任何人都知道发生了什么问题以及如何解决?

希望能收到任何人的来信!

普拉纳夫2

一个简单的解决方法是在单击“显示”后初始化滑块,以解决此问题。

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

演示小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bx滑块-使用全宽轮播时,在最右端显示部分幻灯片

来自分类Dev

在JSSOR中,如何将其他幻灯片添加到全宽滑块?

来自分类Dev

在JSSOR中,如何将其他幻灯片添加到全宽滑块?

来自分类Dev

全高滑块跳过一张幻灯片

来自分类Dev

图片不会以幻灯片形式显示

来自分类Dev

无按钮的滑块-前/后李触发幻灯片

来自分类Dev

JQuery-UI滑块自动递增但不会触发幻灯片事件

来自分类Dev

jQuery滑块-Chrome不能正确显示一张幻灯片

来自分类Dev

jQuery中的滑块,可同时显示4张幻灯片

来自分类Dev

Jquery 幻灯片显示是这样的

来自分类Dev

光滑的滑块显示溢出,隐藏幻灯片

来自分类Dev

如何使用Javascript中的幻灯片显示/隐藏div(无jQuery)

来自分类Dev

需要获取当前的幻灯片编号-基本的JQuery滑块

来自分类Dev

jQuery滑块的幻灯片上的默认灰色背景

来自分类Dev

jQuery Fluid_dg滑块集设置幻灯片

来自分类Dev

jQuery滑块:淡化非活动幻灯片

来自分类Dev

创建具有onclick幻灯片功能的jQuery滑块

来自分类Dev

jQuery幻灯片切换对应的服务项

来自分类Dev

BX滑块并滚动垂直幻灯片

来自分类Dev

如何使用jQuery动画显示/隐藏幻灯片效果?

来自分类Dev

jQuery幻灯片隐藏和显示相同按钮

来自分类Dev

在jquery幻灯片上显示标题和描述

来自分类Dev

仅显示单个实例的jQuery幻灯片吗?

来自分类Dev

如何修复CSS和jQuery幻灯片显示?

来自分类Dev

我如何使用jquery制作此幻灯片显示?

来自分类Dev

jQuery幻灯片放映-图像不在Firefox中显示

来自分类Dev

jQuery幻灯片隐藏和显示相同按钮

来自分类Dev

jQuery幻灯片隐藏显示div与图像

来自分类Dev

jQuery Boostrap Carousel根据当前幻灯片显示内容

Related 相关文章

热门标签

归档