React-Slick SlickGoTo实现不起作用

文章/答案/技术大牛

发布

1回答

slickGoTo不改变活动幻灯片

javascript、reactjs、react-hooks、react-slick

我使用react-slick添加了滑块到我的React应用程序中。对于<Slider>，我添加了ref，并尝试使用它来更改活动幻灯片：import Slider from 'react-slick'; const handleOnClick = index => { sliderRef.slick('slickGoTo&#

浏览 2提问于2020-10-28得票数 2

回答已采纳

1回答

javascript、reactjs、carousel、react-slick

我正在使用react-slick，我正在尝试找到解决方案，以便在单击最后一张幻灯片时转到初始幻灯片我已经尝试添加afterChange，beforeChange和添加slickGoto(0)如果nextslideslidesToShow:2.7, if(current === 2){ this.slider.slickGoTo

浏览 81提问于2019-09-27得票数 2

1回答

我正在使用react-slick库制作一个滑块，我想要更改活动幻灯片和滑块顶部的幻灯片。例如，如果我单击当前页面中的一个按钮，我希望更改滑块顶部的当前幻灯片。我在react-slick github (https://github.com/akiran/react-slick/issues/738)上找到了一个解决方案，它包括创建幻灯片的引用和通过this.slider.innerSlider.list.focus

浏览 51提问于2020-07-23得票数 0

1回答

更改其他组件中的平滑滑块幻灯片

reactjs、slider、carousel、antd、slick.js

我有两个独立的组件。在组件A中，我有一些链接，在组件B中，有一个平滑的滑块。如何在组件A中更改带有链接onClick事件的幻灯片？

浏览 6提问于2020-05-23得票数 3

回答已采纳

3回答

当模型属性发生变化时调用组件方法

reactjs、f#、fable-f#、elmish

Button.button [ str "Go to slide 5" ]let slider (b: IHTMLProp list) c = React.from Slider (keyValueList CaseRules.LowerFirst b) c 因此，虽然react-slick有一种方法slickGoTo应该做我想做的事情。但我不

浏览 3提问于2019-01-12得票数 1

回答已采纳

1回答

当滑动到不相邻的幻灯片时，反应光滑-禁用通过幻灯片之间的幻灯片的动画。

javascript、carousel、slick.js、react-slick

autoplaySpeed: 5500, slidesToScroll: 1, } 我想使用slickGoTo

浏览 4提问于2020-12-09得票数 2

1回答

有没有办法用React Slick在一个Carousel中拥有一个Carousel？

javascript、reactjs、carousel、react-slick

import Slider from "react-slick"; {...settings} <div/> <div>我不需要有滑动，圆点或箭头，旋转木马是完全控制使用slickGoTo。

浏览 11提问于2020-07-25得票数 3

回答已采纳

2回答

按钮上的改变滑块-反应-光滑

javascript、reactjs、react-slick

我在我的react项目中使用react slick。我的UI中有5 slides、one button(Go to Slide3)和one text(Current Slide Number)。下面是UI：我试过了，但我不知道怎么做。我搜索了反应光滑的文档，但找不到如何更改幻灯片的外部按钮点击。在文档中，它显示了prev和下一个箭头单击的函数。

浏览 15提问于2022-08-31得票数 0

回答已采纳

1回答

React滑块不显示slickGoTo之后的最后一项

reactjs、carousel、react-slick

我已经实现了react-slick。我在放置slickGoTo和slidesToScroll时遇到问题。当页面加载开始时，我调用slickGoTo到第四个。slick({slidesToScroll: 5,infinite: false$('.thumbnails').slickGoTo

浏览 11提问于2018-02-27得票数 0

1回答

slickGoTo在响应时不工作

javascript、jquery、slick.js

breakpoint: 480, slidesToShow: 1 }]$('div.test').slick('slickGoTo', 4);当您在全尺寸屏幕中运行演示时，slickGoTo将按预期工作。当您缩小帧并点击run时，slickGoTo似乎不起作用。我还发现，如果您保持框架较小，但删除响应设置，slickGoTo将再次工作-

浏览 1提问于2015-06-08得票数 2

5回答

找不到模块“反应流畅”

reactjs、react-slick

当我试图导入它时我知道这个错误还有谁有这个问题吗？安装还为css和字体安装了光滑的旋转木马。npm install slick-carouselNPM安装结果(node:14297

浏览 0提问于2017-01-31得票数 4

回答已采纳

1回答

根据刚才单击的图像初始化光滑滑翔机

javascript、jquery、html、slick.js

我需要一个功能来完成我的滑块图像。我使用Slick.js构建了我的滑块，并在一个模式中显示了一个小的HTML和CSS，当用户在静态图像中单击时，这个模式就会被激活。我需要在滑块中显示的第一张幻灯片是用户刚刚点击的幻灯片。我认为这是世界滑块中的一个非常普遍的特征。但经过大量的搜索，我还没找到办法。我这么问是因为也许有人以前用过滑头，他也有过同样的情况。我想我必须使用的设置是initialSlide，但是不知道如何同时存储图像的引用，同时初始化滑块。我知道这是个棘手的问题，但我只是在问你高级的case.Thank<script> $(document).

浏览 2提问于2015-07-02得票数 0

1回答

为什么mouseenter不是每次都执行？

javascript、html、css

我已经成功地用mouseenter和mouseleave做到了这一点，但是如果你快速地悬停滑块，这个功能就不起作用了。我假设这是因为它没有足够的时间来完成每个函数，但我不确定如何解决这个问题。jsFiddle JS： $('.slider').on('mouseenter', function (e) {}); $('.slider').on('mouseleave', functi

浏览 10提问于2020-11-06得票数 0

1回答

loop限制呈现的数量以防止无限循环反应钩子。

javascript、reactjs、slick.js、react-slick

以下是代码箱上的现场演示import React, { useRef, useState, useEffect } from "react"; dots: true sliderRef.current.slickGoTo

浏览 11提问于2021-04-28得票数 0

回答已采纳

4回答

向React onClick中的特定元素添加类

javascript、reactjs

我使用带有自定义控件的react-slick carousel。我想添加‘活动’类只是元素，这是改变幻灯片(通过onClick事件)。但在我的例子中，“活动”类为所有这些类切换。this.state.isActive this.slider.slickGoTo(e); render() { return

浏览 33提问于2017-08-04得票数 5

回答已采纳

1回答

棱角光滑的slickGoTo不工作

javascript、angularjs、angularjs-directive、slick.js

问题是精巧的方法不起作用，例如slickGoTo()。class="thumb col-xs-2" ng-click="slickConfig.method.slickGoTo

浏览 8提问于2016-05-27得票数 1

1回答

如何使用视图子获取灵活的组件实例

angular、slick.js

我是新的角，并试图实现一个分页旋转木马。 <button (click)="removeSlide()">Remove</button> <butto

浏览 0提问于2018-04-17得票数 0

回答已采纳

2回答

圆滑的旋转木马slickGoTo不工作

jquery

centerMode: true, }); $('.map').slickGoTo(1);}); 函数slickGoTo不起作用。

浏览 2提问于2015-02-17得票数 10

1回答

是否有办法使用角度光滑的旋转木马库进行特定的载重幻灯片？

angular、slick.js

我正在创建一个应用程序使用角和需要实现旋转木马。我试过用 <button (click)="removeSlide()">Remove Slide</button> <button

浏览 16提问于2022-01-27得票数 0

1回答

Reactjs slick幻灯片

javascript、css、reactjs、twitter-bootstrap、reactstrap

所以我想在reactjs中使用reactstrap来实现同样的效果。对现有实现的任何修改都将是受欢迎的(严格地说不是jquery)，但我需要用这个reactstrap carousel实现来实现类似于圆滑的行为。我已经从官方的reactstrap：https://reactstrap.github.io/components/carousel/实现了上面的示例，所以在我的示例中也使用了它们提到的属性。由于我是reactjs和reactstrap的新手，请考

浏览 19提问于2020-01-08得票数 2

点击加载更多