光滑旋转木马毛坯
光滑旋转木马毛坯
提问于 2015-08-24 15:31:23
我设置了一个覆盖光滑的旋转木马，所以当您单击该图像时，会出现一个较大的旋转木马，所选的图像作为initialSlide。然而，光滑的旋转木马在initialSlide之后添加了几张空白幻灯片。只有在单击“下一步”以第三张幻灯片开始时，才会出现空白。单击前一个按钮时，将不会出现空白幻灯片。我做错了什么？
$("#sync1 .item").on("click", function() {
var index = $(this).attr("data-slick-index");
$(".overlay-carousel-container").css("display", "block");
$("body").css("overflow", "hidden");
$("#overlayCarousel").slick({
slidesToShow: 1,
slidesToScroll: 1,
fade: true,
initialSlide: index,
focusOnSelect: true
});
})
$(".close").on("click", function() {
$(".overlay-carousel-container").css("display","none");
$("body").css("overflow", "inherit");
$("#overlayCarousel").slick("unslick");
$("#executiveOverlay").slick("unslick");
});Stack Overflow用户
回答已采纳
发布于 2015-08-24 20:53:47
Jquery attr()函数返回一个字符串值。当你把它传递给光滑的构造函数时，它会把它转换成一个不同的数字。
添加一个简单的Number()函数来将索引更改为数字应该可以解决问题。只需在我放置的行之间放置以下中线：
var index = $(this).attr("data-slick-index");
index = Number(index);
$(".overlay-carousel-container").css("display", "block");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32186153
复制相关文章
相似问题
腾讯云开发者
