在bootstrap 4中Slick滑块无法正常工作
在Bootstrap 4中，Slick滑块无法正常工作可能是由于以下几个原因：
- 版本兼容性问题：Slick滑块是一个独立的jQuery插件，可能与Bootstrap 4的某些版本不兼容。建议检查Slick滑块的版本和Bootstrap 4的版本是否匹配，如果不匹配，可以尝试使用兼容的版本或者寻找其他类似的滑块插件。
- 引入顺序问题：在使用Slick滑块时，需要确保正确引入相关的CSS和JavaScript文件，并且引入的顺序也很重要。通常情况下，应该先引入jQuery库，然后再引入Slick滑块的CSS和JavaScript文件。
- HTML结构问题：Slick滑块需要在正确的HTML结构下才能正常工作。确保滑块的容器元素正确嵌套在需要的位置，并且每个滑块项的结构也符合要求。
- 初始化问题：Slick滑块需要在页面加载完成后进行初始化。确保在页面加载完成后调用Slick滑块的初始化函数，并传入正确的参数。
如果以上步骤都正确无误，但Slick滑块仍然无法正常工作，可以尝试搜索Slick滑块的官方文档或者在开发社区中寻求帮助。另外，腾讯云并没有直接提供类似的滑块插件，但可以通过腾讯云的云服务器、云数据库等产品来支持和扩展你的Web应用。
相关·内容
1回答
在bootstrap 4中Slick滑块无法正常工作
javascript、bootstrap-4、slider
我想我已经根据滑块官方网站做好了所有的事情，但是一旦我完成了所有的设置，滑块就不能工作了，它只是把图像一个一个地显示出来。下面是我的代码：<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css&qu
浏览 17提问于2020-02-25得票数 0
回答已采纳
1回答
在Bootstrap下拉菜单中显示平滑滑块
javascript、jquery、css、bootstrap-4、slick.js
我想要在Bootstrap dropdown元素中显示一个平滑的滑块。问题是，如果下拉列表从一开始就没有打开，滑块就不能工作。“上一步”/“下一步”按钮也不起作用。下面是我当前的代码作为工作示例：https://codepen.io/cray_code/pen/YzwdgQK 我使用的是Bootstrap和slick的默认样式。滑块中的JS代码： $('.mini-cart-item
浏览 18提问于2020-07-21得票数 2
回答已采纳
2回答
光滑滑块不使用引导
javascript、php、html、css、twitter-bootstrap
我不能让鞋带和滑块一起工作。如果我删除引导cdn光滑滑块工作，但当我添加它回来，它停止工作。看看是怎么回事。这是密码：- <!css" href=&
浏览 1提问于2018-02-27得票数 2
回答已采纳
1回答
带有导航选项卡的平滑滑块
javascript、jquery、css、twitter-bootstrap、slick.js
我正在尝试使用光滑的滑块与Bootstrap 4标签，也使我的标签响应光滑滑块以及。一切都正常，但是当我在标签上调用slick slider时，整个东西都坏了。我的代码： $('.your-class').slick({ slidesToShow:});
$('.nav-tabs a[data-toggle="
浏览 16提问于2020-05-06得票数 1
回答已采纳
1回答
在jQuery中添加WordPress图像滑块的问题
jquery、wordpress、image、slider、slick.js
我试图添加一个从光滑的照片滑块，我似乎无法使它工作。'/css/bootstrap.min.css', array(), '3.3.7', 'all');
wp_enqueue_style('slick', 'http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick</em
浏览 3提问于2017-02-06得票数 0
回答已采纳
2回答
添加jQuery图像滑块的问题
images、jquery、slideshow
我试图添加一个从光滑的照片滑块，我似乎无法使它工作。'/css/bootstrap.min.css', array(), '3.3.7', 'all');
wp_enqueue_style('slick', 'http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick</em
浏览 0提问于2017-02-06得票数 0
2回答
当加载到折叠选项卡中时，平滑旋转木马的宽度为0px
javascript、slick.js、angular-bootstrap
当加载折叠内容中的平滑滑块时(在本例中为angular-bootstrap折叠插件)，.slick-track div的宽度为0px，导致滑块尝试将所有幻灯片放在彼此的顶部。按箭头键查看下一张幻灯片时，幻灯片将恢复正常。如果我选择滑块并希望在浏览器中检查零部件，它也会返回到正常状态。请参考此示例：$(document).ready(function(){
$('.tourImageSli
浏览 0提问于2015-08-12得票数 8
回答已采纳
3回答
仅显示文本的平滑滑块
javascript、slick.js
当我尝试实现这个平滑的滑块时，我只得到了一个数字列表，如下图所示：<div class="main"> <divslide 4</a> </div>js代码：
浏览 34提问于2019-03-25得票数 0
2回答
轮播slick.js +引导程序列宽问题
javascript、html、css、twitter-bootstrap
我有这个网页我已经在html中尝试了很多结构，但是找不到正确的或者缺少的部分。 </div>
浏览 0提问于2015-01-30得票数 3
1回答
滑块溢出页面
jquery、html、css、slider
我插入了标志滑块到我的页面，它的工作很好，但由于网站引擎的“基本”宽度设置，模块基本上没有得到页面的全宽。我想让滑块全屏宽，所以我用下面的代码让它溢出：但是这段代码使滑块流出屏幕，页面会随着滑块的移动而自动滚动如何使滑块大小适合页面宽度？/1.6.0/slick.js"></script>
<scrip
浏览 0提问于2018-06-25得票数 0
3回答
显示一些空幻灯片的jQuery Slick幻灯片
jquery、slick.js
我正在使用slick jQuery插件创建一个产品滑块，其中滑块内容是使用js填充的，然后调用slick函数。滑块滑块似乎可以工作，但它显示了一些具有.slick-cloned类的空滑块最后一个滑块工作正常，但前两个滑块不工作，有人能帮我解决这个问题吗？下面有一些用于滑块的虚拟代码
<div
浏览 0提问于2015-06-05得票数 3
回答已采纳
6回答
光滑的旋转木马不会调整尺寸
jquery、wordpress、slick.js
如果我不启动光滑，图像相应地调整大小，就像你在流体布局中所期望的那样。
尝试将宽度和最大宽度设置为样
浏览 4提问于2016-08-03得票数 7
16回答
圆滑旋转木马未捕获TypeError：$(…).slick不是函数
javascript、jquery、slick.js、typeerror
不知何故，我不能使用圆滑的旋转木马( http://kenwheeler.github.io/slick/ )正确。我得到以下错误： Uncaught TypeError: $(...).slick is not a function 我在javascript文件中运行以下代码： function initSlider(){ dots: false,
infinite: tr
浏览 360提问于2015-08-03得票数 46
回答已采纳
1回答
Slick响应式断点不工作？
javascript、slick.js
下面是我对slick滑块的初始化。根据的文档，您必须首先设置最高的断点，然后设置最小的断点。在这个例子中，我的滑块不会改变幻灯片的数量，直到它达到650px的最小断点。有人知道为什么吗？你可以在Youtube的滑块部分看到这在上不能正常工作。$('.slick-slider').slick({ autoplaySpeed: 3000,
slidesToSho
浏览 3提问于2016-10-07得票数 2
1回答
使用WordPress时，Slick旋转木马无法正常工作
jquery、wordpress、slick.js
我已经使用了一段时间的圆滑旋转木马，做基本的滑块。然而，我遇到了一个我无法解决的问题！ 当我尝试加载所需的文件时，slick不起作用。首先，我按照Slick的Get Started指南中的说明加载了所需的文件，并且运行良好。但是，当我在WordPress中使用functions.php文件实现它时，事情就不能正常工作了。我已经将其范围缩小到这样一个事实:以这种方式加载以下文件可以使其工作，但是当我将它们添加到functions.php文件中时，它停止<
浏览 21提问于2019-01-26得票数 1
回答已采纳
1回答
JQuery -光滑滑翔机-只显示第一张图像
jquery、css、slider、slick.js
我在一个网站上创建了一个光滑的滑块。我可以看到它进入了“光滑模式”，但没有显示我告诉它的幻灯片数量。它们都在那里，我可以通过更改它们的“左”和“不透明”css值来使它们显示出来。我将无法复制这一点，因为我已经使用了可靠的永远，并将工作，如果我哑了它。滑块位于主图像下的蓝色区域内。应该有4个光滑的幻灯片。然而，它只显示了一个。slick-slider">
<div class="s
浏览 0提问于2018-12-05得票数 2
回答已采纳
1回答
防止对某些DOM元素进行快速编辑
8、javascript、entities
我想在一个包含一些JS库(比如slick)的块中启用快速编辑。当slick更改DOM时，当我使用快速编辑时，它会保存这个修改过的DOM，然后slick库就不能工作了。><div class="slick"> <li> <随
浏览 0提问于2018-08-09得票数 0
1回答
光滑滑块和infiniteLoad -没有显示加载的光滑滑块
javascript、infinite-scroll、slick.js
这个问题以前曾被问过，但可能是由于我的JS经验不足，我无法使它按照指示正常工作。问题是无限页加载，因为当我们向下滚动时，我们必须显示另一组光滑滑块。在我们的app.js文件中，我们将它用于光滑的滑块： autoplay: false, arrows: true,
slides
浏览 0提问于2018-06-26得票数 0
1回答
Slick Slide slickAdd返回false
javascript、html、jquery、slick.js
我正在尝试添加一个幻灯片到一个空的平滑滑块已经初始化。我使用的语句是：$('.mapOfficeSlid
浏览 1提问于2020-04-22得票数 0
2回答
jQuery光滑旋转木马滑块同步不工作
jquery、html、twitter-bootstrap、carousel、yeoman
我试着用光滑的旋转木马制作一个带有徽标的旋转木马，作为主滑块的导航。我使用Yeoman生成器创建了一个带有Bootstrap和现代派的样板。安装了Slick.js和Bower。我使用了滑块同步的默认光滑设置。问题是，Slick似乎忽略了导航部分中的centerMode和focusOnClick选项。现在，它只在点击导航点时起作用。您可以在“Syncing”部分看到它应该如何工作。
我用jQuery、Bootstrap和Slic
浏览 1提问于2014-10-15得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
