将jquery slick carousel迁移到vue-slick-carousel
是一个将基于jQuery的轮播插件迁移到基于Vue的轮播插件的过程。下面是一个完善且全面的答案：
迁移的概念： 将jquery slick carousel迁移到vue-slick-carousel是指将使用jQuery编写的轮播插件迁移到使用Vue编写的轮播插件。这个过程涉及到将原有的HTML、CSS和JavaScript代码转换为Vue组件，并使用vue-slick-carousel库来实现轮播功能。
迁移的步骤：
- 安装vue-slick-carousel库：在Vue项目中使用npm或yarn安装vue-slick-carousel库。
- 创建Vue组件：创建一个新的Vue组件，用于替代原有的jQuery插件。在组件中，可以使用vue-slick-carousel提供的轮播功能。
- 迁移HTML代码：将原有的HTML代码转移到Vue组件中。可以使用vue-slick-carousel提供的轮播组件标签来替代原有的HTML结构。
- 迁移CSS样式：将原有的CSS样式转移到Vue组件的样式中。可以使用scoped样式或CSS模块化来确保样式只应用于当前组件。
- 迁移JavaScript代码：将原有的JavaScript代码转移到Vue组件的方法中。可以使用vue-slick-carousel提供的事件和方法来实现原有的功能，如自动播放、切换幻灯片等。
- 测试和调试：在迁移完成后，进行测试和调试，确保轮播功能正常运行，并检查是否有任何错误或警告。
迁移的优势： 将jquery slick carousel迁移到vue-slick-carousel有以下优势：
- 更好的可维护性：使用Vue框架可以更好地组织和管理代码，使其更易于维护和扩展。
- 更好的性能：Vue的虚拟DOM和响应式系统可以提供更高效的渲染和更新机制，提升轮播的性能。
- 更好的开发体验：Vue提供了丰富的开发工具和插件，可以提高开发效率和开发体验。
迁移的应用场景： 将jquery slick carousel迁移到vue-slick-carousel适用于任何使用了jquery slick carousel的项目，并希望将其迁移到基于Vue的项目中。这种迁移可以使项目更加现代化，并且能够充分利用Vue框架的优势。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与迁移相关的产品和链接地址：
- 云服务器CVM：https://cloud.tencent.com/product/cvm
- 云数据库MySQL：https://cloud.tencent.com/product/cdb_mysql
- 云存储COS：https://cloud.tencent.com/product/cos
- 云原生容器服务TKE：https://cloud.tencent.com/product/tke
- 人工智能AI：https://cloud.tencent.com/product/ai
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和选择。
相关·内容
我正在制作一个应用程序，它可以与api进行通信并获取数据，主页每天都在变化，所以我不能仅仅向其添加静态组件，我需要根据来自api的数据创建它。
我有一个主页的组件，名为Home.vue
这个组件可以有一个或多个传送带，这取决于我正在获取的数据。
我还有Carousel.vue，它负责显示图像，它有自己的props。
问题是：
如何从循环向dom添加组件
这是Home.vue，我在这里制作loop：
<template>
<div>
<!--I Need The Loop right here-->
浏览 1提问于2020-04-07得票数 0
我试图在一个非常小的应用程序中使用CDN脚本：
但没有成功。
我是vue.js新手，我不确定是否需要导入它或任何东西。文档中说我必须导入它：
它应该是这样的，但我不能让它工作：
import VueSlickCarousel from 'vue-slick-carousel'
// optional style for arrows & dots
import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css'
export default {
name: 'M
浏览 23提问于2020-07-25得票数 2
我正在使用加载给定幻灯片的时间表数据(在我的例子中是一个月)。
<vue-slick-carousel
@afterChange="afterChange"
@beforeChange="beforeChange"
@swipe="swipe"
class="text-center"
:dots="true"
:arrows="true"
:initialSlide="getCurrentScheduleIndex"
ref="mycar
浏览 0提问于2021-02-01得票数 0
我有一个用Slick和Jquery运行的carousel，有slicks点的覆盖样式(在组件中定义)，但是当在localhost上运行时，我看不到slicks点接收CSS，它只是从默认的slick css加载的。 我检查了在web上呈现的内部样式表:默认的slick.css &slick-heme.css在组件的css之前加载，所以它应该已经覆盖了样式，但它不工作吗？ 下面是我在Angular.json中导出的内容 "styles": [
"src/styles.scss",
"node_modules
浏览 10提问于2019-02-23得票数 1
回答已采纳
2回答
我是离子2的新手，我创建项目，需要jquery插件链接颜色盒，圆滑旋转木马…
我已经在终端中运行了该命令
npm install jquery slick-carousel
typings install jquery --ambient --save
typings install slick-carousel --ambient --save
我已经导入了JQuery：
import * as JQuery from 'jquery';
import * as slick from 'slick-carousel';
那么离子错误是：Can not find
浏览 1提问于2016-07-02得票数 6
回答已采纳
1回答
我们正在使用，并且已经启用了箭头。当单击箭头时，我们希望向GA发送一个事件，如下所示。但是，当我们单击箭头元素时，它不会发送。这里没有错误消息，我所拥有的扩展(如 )似乎也没有返回任何结果。
这是我们试过但没有成功的地方。在我们的本地测试环境中，我们可以添加GoogleAnalytics.js文件，但是不能在这里加载它。
我们已经使用这个通过GTM安装了GA。
$(document).ready(function () {
var carsl = $('.carousel');
carsl.slick();
carsl.on('click'
浏览 3提问于2019-09-18得票数 0
回答已采纳
我正在尝试让我的图库在鼠标位于页面左侧时向左移动，在鼠标位于页面右侧时向右移动。这是。我试图使用悬停功能，但它不起作用。Mouseover似乎只在您将鼠标移到页面左侧或右侧时才起作用，而mousemove似乎只在您再次移动鼠标时才起作用。我希望当鼠标静止(在页面的左侧或右侧)或移动时，它仍然移动(向左或向右)。
$('.carousel-one').on('mouseover', function(e) {
"use strict";
var mouseSide;
if ((e.pageX - this.offsetLeft) &
浏览 4提问于2017-05-07得票数 0
1回答
我有两个同步光滑的旋转木马与一些自定义的css类。我想让carousel在afterchange和beforechange回调上执行一些函数。问题是，我不想让这些函数在使用导航时执行，而只在用户焦点选择一张幻灯片时执行。我不能这样做，因为控制台日志中的返回总是整个轮播容器，而不是上一步/下一步按钮。你知道如何实现我想要的东西吗？
旋转木马完全按照我的要求工作，但只有这一个打破了它。请给我一些建议！提前谢谢。
下面是脚本：
jQuery(document).ready(function(){
jQuery('.cocktails-target').slick({
浏览 19提问于2017-07-01得票数 0
回答已采纳
1回答
我有一个codepen演示，其中光滑的滑块是通过拖动范围滑块移动，但我想移动它时，用户也点击下一个前一个按钮和滑块本身。目前，移动只能通过拖动范围滑块来实现。任何帮助都将不胜感激。 Demo link of slick slider with jquery slider $(function() {
var $carousel = $(".carousel");
var slider;
$carousel.slick({
speed : 300,
height: 200,
arrows: true,
slidesToSho
浏览 7提问于2021-01-07得票数 1
回答已采纳
我引用的CSS和JS文件如下所示：
SPComponentLoader.loadCss('../node_modules/slick-carousel/slick/slick.css');
SPComponentLoader.loadCss('../node_modules/slick-carousel/slick/slick-theme.css');
SPComponentLoader.loadScript('../node_modules/slick-carousel/slick/slick.min.js');
当我进
浏览 0提问于2017-03-30得票数 0
1回答
我已经为一些紧密相连的元素编写了一些简单的jquery。每一个都工作得很好，但我希望得到一些帮助，使我的jquery更有效，更小，以便放在一个单独的JS文件中。我是jQuery的新手，并不知道如何组合我所写的内容。任何帮助都是非常感谢的！我的代码如下：
$('.fade-carousel').on('init', function(event, slick, currentSlide, nextSlide) {
if ($('.slick-active .slide-container div').hasClass('intro-bg
浏览 2提问于2018-02-15得票数 0
1回答
我开始使用一个webpack捆绑包，我得到了一个光滑的滑块小问题。Slick字体和gif不能正确加载 看起来像是webpack跳过了我的项目所在的主文件夹，在d:/node_modules而不是d:/ main _ folder /node_modules中查找文件我试图通过创建slick-fix.scss并设置字体和加载器路径来修复这个问题，但它不能正常工作 这是错误屏幕截图： ? slick-fix.scss $slick-loader-path: "/node_modules/slick-carousel/slick/" !default;
$slick-fon
浏览 25提问于2019-06-03得票数 0
我有一个角6项目，我想使用。我首先安装了jQuery
npm
然后是光滑的旋转木马
npm I型旋转木马
然后我对我的angular.json文件进行了必要的编辑。
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/font-awesome/css/font-awesome.css",
"node_modules/slick-carousel/slick/slick.css"
],
"scr
浏览 0提问于2018-09-03得票数 3
我看过与这个问题相关的所有答案，但没有任何效果。
所以我在我的项目上有jQuery，通过Google加载。我正在使用babelify、browserify和browserify-shim来尝试让光滑的旋转木马工作，但是我一直收到错误：Uncaught TypeError: n.element.slick is not a function。
我的package.json文件如下所示：
"browserify-shim": {
"jquery": "global:jQuery",
"slick-carousel":
浏览 5提问于2017-06-08得票数 0
回答已采纳
尝试通过webpacker加载slick-carousel css文件时，在编译期间抛出以下错误：
ERROR in ./app/javascript/packs/frontend.sass (./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./app/javascript/packs/frontend.sass)
Module not found: Error:
浏览 29提问于2019-08-22得票数 0
我是typescript的新手，我正在尝试理解typescript中模块/包如何工作的概念。
我目前需要使用slick-carousel来创建一个简单的图像滑块。
然而..我已经设法安装了jquery..但是我不太明白如何让slick来使用typescript。
到目前为止，我已经使用npm类型来安装我的包。
所以我就运行了typings install slick-carousel..而定义文件显示得很好..然而..定义文件不包含任何声明，只包含接口..所以我不能真正地将slick-carousel“导入”到我需要使用它的文件中(我可能是错的)。所以我猜这个包应该扩展已经存在的jquery导
浏览 1提问于2016-12-18得票数 3
1回答
我使用require加载了许多文件，包括jQuery插件和一个单独的插件。carousel和lightbox都能正确加载，并在10%的时间内正常工作。大约90%的时间里，carousel加载并正常工作，但是当我尝试调用lightbox时，我得到了这个错误：
Uncaught TypeError: $(...).slickLightbox is not a function
就是这样。在我看来，不知何故，require在加载lightbox时出现了混乱，但我不知道为什么。下面是我的代码：
var myRequire = require.config({
baseUrl:
浏览 1提问于2015-06-18得票数 0
我正在为一个项目使用Angular-meteor，我有一个关于使用NPM的问题。我正在使用一个特定的库(slick-carousel...还有angular-slick-carousel)，当我通过npm安装它，然后尝试在我的应用程序中使用它时，我得到了jquery在我的modules.js文件中定义了两次，我假设这是由meteor组装的。因此，我在slick-carousel (完美)之前定义了一次JQuery。然后，在slick-carousel之后再次定义它，导致已注册的$.fn.slick函数被清除。我认为它再次包含了jquery，因为slick-carousel节点包附带了包含jqu
浏览 2提问于2016-10-18得票数 0
1回答
带当前幻灯片缩放功能的旋转木马
、、、、
我使用Slick.js制作了一个旋转木马，就像在图片上一样，但我失败了(谁知道像图片上一样制作旋转木马的方法？应该有不同宽度的幻灯片、动画，并且当前幻灯片必须具有更大的尺寸
我需要做的是：
我现在所拥有的-
jQuery(document).ready(function($){
$('.carousel').slick({
infinite: true,
slidesToShow: 4,
slidesToScroll: 1,
arrows: false,
centerMod
浏览 0提问于2016-05-21得票数 1
我正在尝试在我的angular项目中安装slick-carousel。我已经从这里开始遵循以下步骤:- https://www.npmjs.com/package/ngx-slick-carousel。这两个步骤正在发挥作用： npm install jquery --save
npm install slick-carousel --save 在执行以下命令时 npm install ngx-slick-carousel --save 我收到以下错误 ?
浏览 17提问于2021-06-19得票数 4
回答已采纳
我正在使用Browserify 11.2和Browserify Shim 3.8，并试图使用带有从CDN加载的jQuery的光滑旋转木马(通过npm包括在内)。我意识到这需要使用Browserify shim，但我无法让它工作。
这是我的package.json文件的相关部分。
"devDependencies": {
...
"browserify": "^11.2.0",
"browserify-shim": "^3.8.10",
...
"
浏览 2提问于2015-11-06得票数 2
回答已采纳
我在CSS3网格环境中实现Slick时遇到了一些问题。我不能实现一个以上的幻灯片，除非打破网格和完全崩溃。
这是我正在处理的代码。
$( document ).ready(function() {
$('#carousel').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 2,
dots: true,
settings: "unslick"
});
});
#main {
display: grid;
grid-template-rows: 10v
浏览 2提问于2018-09-03得票数 0
我正在尝试这个示例引导下拉代码。没有错误，但我的下拉列表不起作用，我已经安装了jquery-popper、jquery和but 5。
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button"
id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-
expanded="false">
Dropdown
浏览 2提问于2021-07-02得票数 0
回答已采纳
1回答
我不断地发现错误：
“未定义TypeError:无法读取未定义的属性'hasClass‘”
我知道这与全局变量和范围有关，但我不知道。任何帮助都将不胜感激。
jQuery(function($) {
"use strict";
var global = this;
var carousel = null;
function mobileOnlySlider(carousel) {
carousel = $('.woocommerce-product-gallery__wrapper').slick({
// normal
浏览 0提问于2018-10-08得票数 0
回答已采纳
2回答
我使用laravel mix (webpack)来编译我的项目。尝试添加圆滑的旋转木马插件，但得到一个错误：Uncaught TypeError: $(...).slick is not a function。我使用webpack.mix.js文件中的.copy()方法从node_modules目录复制到公共目录：
.copy('node_modules/jquery/dist/jquery.min.js', 'public/js')
.copy('node_modules/slick-carousel/slick/slick.min.js',
浏览 1提问于2017-03-15得票数 1
我在我的页面上使用了很多脚本，但由于某种原因，slick.js脚本无法使用这些脚本。
当我移除所有其他字符串时，slick就可以正常工作了。
下面是身体部分。
`
<body>
<section class="customer-logos slider">
<?php for ($i=0; $i<count($response['urlToImage']) ; $i++)
{
?>
<div class="slide">
浏览 0提问于2019-01-13得票数 0
我有一个style.scss文件，在这里我导入了许多其他文件，如
@import url(asset-path('bootstrap/css/bootstrap.min.scss'));
@import url(asset-path('ionicons/css/ionicons.min.scss'));
@import url(asset-path('slick-carousel/slick/slick.scss'));
@import url(asset-path('slick-carousel/slick/slick-theme.sc
浏览 0提问于2018-10-16得票数 1
回答已采纳
我有一个很奇怪的问题，我可以把waitForAnimate设为false，但不能把true.这里是我的意思的一个例子：
$(".carousel").slick({
waitForAnimate: true,
slidesToShow: 3,
dots: true,
appendArrows: $(".carousel-arrows"),
nextArrow: "<button>Next</button>",
prevArrow: "<button>Previous</
浏览 2提问于2021-01-06得票数 0
回答已采纳
1回答
我是browserify的新手，我正在尝试使用两个文件设置一个简单的示例。我使用npm安装了jquery：
npm install --save jquery
我还安装了一个使用bower的carousel插件：
bower install slick-carousel
我基本上有一个通用的app.js，其中我有所有的通用js，比如bootstrap + jquery +我的全局逻辑……然后我有另一个特定于页面的文件(例如: homepage.js)
我需要的是让app.js上的jquery和我的jquery插件(“圆滑转盘”)放在不同的文件上。
当我需要在同一个文件上使用平滑转盘时，一切正常
浏览 1提问于2016-05-03得票数 0
1回答
我想创建一个日期选择器，是在滑块的形式。它显示五个日期，您可以单击next按钮查看更多未来日期。我使用作为我的基础，并让JQuery用日期填充DIVs。
HTML
<div class="carousel-items">
<div class="date-carousel-other slider"></div>
<div class="date-carousel-other slider"></div>
<div class="date-caro
浏览 0提问于2015-06-16得票数 1
有什么方法可以自动加载带有特殊字符的包吗？
我想提取npm包使用laravel，也为模块设置一个全局变量。当我使用带有特殊字符的模块时，mix.autoload()会失败。我在下面张贴了一个示例代码以供参考。
mix.autoload({
jquery: ['$', 'window.jQuery', 'jQuery'],
'tippy.js': ['tippy', 'window.tippy'],
'slick-carousel
浏览 3提问于2020-03-23得票数 0
回答已采纳
1回答
我使用的是slick slider https://kenwheeler.github.io/slick/。我希望将滑块直接对齐在容器底部的文本上方。结果应该如下所示> ? 下面是我到目前为止所做的工作的一个片段。 jQuery(document).ready(function($) {
$('.slider').slick({
speed: 500,
slidesToShow: 3,
slidesToScroll: 1
});
}); html, body {
background: #102
浏览 23提问于2020-05-02得票数 0
回答已采纳
1回答
对于直截了当的旋转木马实现来说，巧妙的集成是行不通的。请参阅下面的代码。
$(function() {
$(".testimonial").slick();
});
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/
浏览 0提问于2019-09-01得票数 0
回答已采纳
我正在尝试使用Slick.js ()实现一个简单的旋转木马，但由于某些原因，我不能让它只拖动一张幻灯片。
如果我尝试拖动多张幻灯片，该功能可以完美地工作。它只是拖动了一张幻灯片，看起来不会被work...always抓回。
我要做的就是创建一个轮播，并将swipeToSlide设置为true。
HTML
$(document).ready(function(){
$('.customizer-carousel').slick({
slidesToShow: 7,
slidesToScroll: 1,
swipeToSlide: true
});
});
浏览 117提问于2018-10-17得票数 1
回答已采纳
我有一些JQ插件，我需要在我的Wordpress安装的页面上初始化 (front-page.php)。
也就是说，我需要嵌入在</body>标记下面的脚本。
这里的最佳做法是什么？
我的所有脚本都按照推荐的方式注册和排队。
</body>
<script>
// . Plugin Init
$(window).on('load', function () {
// initialization of svg injector module
$.HSCore.components.HSSVG
浏览 0提问于2019-01-24得票数 1
回答已采纳
1回答
我可以使用柔性盒将所有元素对齐到容器的底部。但我想不出如何将其中一个元素对齐到容器的顶部。例如，在本例中，我无法将文本放到容器的顶部。
jQuery(document).ready(function($) {
$('.slider').slick({
speed: 500,
slidesToShow: 3
});
});
html, body {
background: #102131;
color: white;
}
.container {
position: relative;
height: 40
浏览 1提问于2020-05-01得票数 1
回答已采纳
1回答
我们使用的是，需要在当前活动项下面添加一个插入符。为了做到这一点，我们有以下几点。
我们尝试使用:after元素，但这不起作用。如何在蓝色边框外添加当前选定项下的插入符号？
我们发现的问题是..slick current有溢出:隐藏，这与:after元素冲突。然而，溢出:隐藏是必要的旋转木马正常工作。
CSS细目：
蓝色边框表示希望插入符号驻留的外部容器。
红色标记当前活动幻灯片。
$(function() {
$('.carousel').slick({
arrows: true,
focusOnSelect: true,
in
浏览 1提问于2018-02-15得票数 1
回答已采纳
2回答
这是我的HTML标题：
<!-- Bootstrap css -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- Jquery slick plugin -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1
浏览 0提问于2016-11-10得票数 0
2回答
在鼠标盖上划下划线
、、、
我正在尝试用jquery和CSS实现一条神奇的线条。但是，我希望将其扩展到下一个索引项，而不是跟随并且只继承宽度。
场景
1:单元one悬停
ELEMENT ONE ELEMENT TWO ELEMENT THREE
___________
2:单元二悬停
ELEMENT ONE ELEMENT TWO ELEMENT THREE
__________________________
3:单元三悬停
ELEMENT ONE ELEMENT TWO ELEMENT THREE
__________________________________________
到目
浏览 2提问于2016-07-05得票数 2
回答已采纳
2回答
带有html的滑块
、、、、
我使用slick-carousels项目是因为我希望创建某种能够在一行中显示不同图像的滑块。
所以我想要的是类似这样的东西：
因此，旋转木马包含了一组图像，其中4幅是同时显示的，而图像是居中的(顶部和底部得到相同的值)。
但是我用我的代码得到的东西看起来就像这样--多么混乱：
$(document)
.ready(function() {
$('.carousel')
.slick({
centerMode: true,
centerPadding: '60px',
浏览 0提问于2018-03-29得票数 2
回答已采纳
我正在使用bower管理许多常见的资产，但遇到了一个问题。我正在尝试使用来拥有一个旋转的旋转木马，我正在通过Assetic运行它来合并和缩小资产。
以下是我在Twig中的样式表：
{% stylesheets
"vendor/jquery-ui/themes/base/jquery-ui.min.css"
"vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css"
"vendor/datatables.net-dt/css/jquery.dataT
浏览 4提问于2016-11-30得票数 0
我试图用光滑滑翔机创建一个滑块短代码，由于某些原因，它在页面构建器的管理页面中无法工作，因此我得到了以下错误：
📷
我已经在我的functions.php中排队了，如下所示：
function custom_scripts() {
wp_enqueue_style( 'slick', '//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');
wp_enqueue_script( 'slick', '//cdn.jsdelivr.net/npm/slick
浏览 0提问于2021-02-28得票数 0
3回答
当我有一个initialSlide集时，我不知道为什么幻灯片不滑动。我指的是的文档，但不知道问题出在哪里。
$('.container').slick({
initialSlide: 4,
infinite: false,
slidesToShow: 3,
slidesToScroll: 1
})
* {
box-sizing: border-box;
}
.container {
width: 120px;
}
.slide {
border: 1px solid red;
width: 40px;
}
<link href=&#
浏览 6提问于2020-09-08得票数 1
回答已采纳
1回答
我想让圆滑的旋转木马回放到第一张幻灯片，当它到达最后一张幻灯片时，我寻找了一个解决方案，但没有找到任何解决方案。
这是slick的，我想要像这样的东西。我会使用Owl carousel，但Slick有一些我需要的功能，而Owl Carousel没有。如果有人知道怎么做，我将不胜感激
$(".slider").slick({
slidesToShow:1,
});
.slider {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.slider sp
浏览 2提问于2017-11-28得票数 2
在我们的mytheme.info.yml中有一个库D1，在我们的子主题中定义了mytheme.libraries.yml (见下文)。
如何使CSS和JS <#>都加载在页脚中？目前只有JS文件显示在页脚中。
当前mytheme.libraries.yml：
slick_carousel:
css:
theme:
//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css: { type: external, attributes: { async: true } }
js:
浏览 0提问于2018-05-14得票数 1
1回答
我正在使用slick carousel，它在Firefox和Chrome上运行良好，但Safari的控制台显示著名的错误"slick is not a function“。我在这个carousel中有两个图像，只有Safari同时显示这两个图像，一个在另一个之上。我将根据需要在jQuery之后添加Slick.js：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="te
浏览 3提问于2017-02-04得票数 1
回答已采纳
<html>
<head>
<title>My Now Amazing Webpage</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css"/>
<link rel="stylesheet" type="text/css" href="
浏览 13提问于2019-12-06得票数 0
回答已采纳
1回答
停止滚动页面，滚动旋转木马
、、、、
我在获取效果时遇到了问题。在网站上我有旋转木马，我想要-当我滚动页面并找到旋转木马时，我希望旋转木马开始滚动(滚动页面停止)，在发现所有幻灯片后，我希望页面开始滚动。
var slider = $('.slider');
$('.slider').slick({
dots: false,
vertical: true,
arrows: false,
variableWidth: false,
});
slider.on('wheel', (function(e) {
e.preventDefault();
if (e
浏览 31提问于2019-07-17得票数 0
2回答
因此，我正在工作在一个尤曼发电机和使用保龄球安装安装前端依赖。
我遇到的问题是旋转木马把slick.css、slick.scss和slick.less列为主要文件，而我只想要slick.scss。
那么，对于bower-installer，我是否可以忽略css和更少的文件呢？
我尝试添加到忽略数组，使用各种不同的文件路径，但没有成功。
有可能吗？如果是的话，我该怎么做呢？
提前谢谢。
我的保龄球档案：
{
"name": "project-name",
"authors": [
"Rawnet <developmen
浏览 0提问于2016-05-24得票数 1
回答已采纳
我正在尝试使按钮和“点菜单”在光滑滑块可见。 我在jsfiddle中的示例看起来没问题，尽管缺少下面的“点菜单”：my slick example 在“真正的生活”中，我的实现如下所示： <html>
<head>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<script src="ht
浏览 55提问于2018-12-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
