ant Design Carousel:如何访问goto()、next()和prev()方法

文章/答案/技术大牛

发布

1回答

reactjs、antd

我们在我们的项目中使用了ant Design，而我正在尝试使用他们的。文档显示了方法goto(), next(), prev()，但我无法访问这些方法。我们使用其他antD组件完成此操作的方式是：一旦您导入了Carousel，但这不起作用--这些方法都是未定义的。这些

浏览 498提问于2019-10-26得票数 3

2回答

在ReactJs中的Antd Carousel上出现TSLint错误“属性'carousel‘不存在”

javascript、reactjs、typescript、antd、ref

我在React & TypeScript中使用了Ant Design Carousel组件。Carousel组件上有方法"next“和"prev”。Ant设计文档 class StyledCarousel exten

浏览 7提问于2019-02-22得票数 0

回答已采纳

8回答

带箭头的react.js antd旋转木马

reactjs、carousel、antd

我正在考虑使用antd Caroseul，但我还没有看到创建prev/next或pause按钮的示例。const { Carousel } = antd; <Carousel autoplay> <div><h3>2</h3></div> <div>

浏览 0提问于2017-05-22得票数 11

3回答

在Typescript中使用Ant Design的carousel next和previous窗格方法？

javascript、reactjs、typescript、antd

我使用Ant Design作为我的应用程序的设计框架。该框架有一个组件，该组件公开了两个方法来切换carousel中的窗格。interface State {} this.carousel = React.createRef(); nextPane(

浏览 42提问于2019-10-21得票数 1

回答已采纳

1回答

视图中递增以用于多个转盘目的

ruby-on-rails-3、twitter-bootstrap、ruby-on-rails-4、ruby-on-rails-3.2

{"data-slide" => "next", :href => "#myCarousel"} ‹<a class='<

浏览 0提问于2014-02-25得票数 0

1回答

引导2.x旋转木马幻灯片和ui.bootstrap (angularjs)没有一起工作

twitter-bootstrap、angularjs

我对网络开发非常陌生，所以寻找一些帮助，以了解如何绕过这个奇怪的问题，我有与引导和AngularJS。" href="#myCarousel" data-slide="prev">&lsaquo;</a> <a class="right carousel-control" href="#myCarousel只要删除"ui.bootstrap“，代码就可以工作，而我可以想到的原因是，在c

浏览 4提问于2013-10-15得票数 0

回答已采纳

1回答

在单个页面上实现多个carousel

javascript、html、css、carousel

下面是如何工作的carousel ，这里是如何损坏的carousel 。 var next = box.querySelector(id + ' .next'); var prev = box.querySelector(id + ' .prev');(-1);

浏览 11提问于2017-08-01得票数 0

2回答

如何知道是否所有装载事件都已启动？

javascript、html、carousel、onload、onload-event

因此，我的问题是-我如何检测是否所有装载事件已经启动？我所有的幻灯片都经过了，然后幻灯片就不正常了。这就是为什么我需要检测到这个条件，这样我才能控制我的滑动行为，然后解决这个问题。slider-black slider-display-right" onclick="changeSlide(1);">❯</button>联署材料： function carousel); // Change image ever

浏览 5提问于2021-09-21得票数 0

回答已采纳

1回答

使用钩子访问组件方法

reactjs、react-hooks、antd

我正在尝试通过遵循这个文档来制作一个简单的旋转木马我如何翻译上面的代码来使用功能组件/钩子。 <div> <h3><Button onClick={() => this.car

浏览 5提问于2019-08-08得票数 4

回答已采纳

8回答

Owl旋转木马，定制导航

jquery、html、css、carousel、owl-carousel

我还在左侧和右侧添加了自定义导航箭头(.png图像)。然而，这些箭头目前是无用的，因为我无法找到一种方法让它们在猫头鹰旋转木马的图像之间切换。我没完没了地寻找，却找不到解决办法。有什么想法吗？

浏览 12提问于2015-07-04得票数 60

回答已采纳

2回答

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

javascript、reactjs、react-slick

我的UI中有5 slides、one button(Go to Slide3)和one text(Current Slide Number)。下面是代码SandBox链接：

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

回答已采纳

1回答

引导旋转木马作为angular.dart组件？

dart、angular-dart、shadow-dom

" class="right carousel-control" href="#carousel" data-slide="next"> </a>prev/next控件不起作用(可能还有

浏览 3提问于2014-01-28得票数 1

4回答

角ui.bootstrap.carousel调用$scope的next()/prev()

angularjs、angular-ui-bootstrap

如何从幻灯片访问旋转木马的下一个()/prev()方法？我正试图连接到嗯-点击左/右，但我似乎没有正确的$scope。<carousel interval="1000"> <div class="list-unstyled text-center">

浏览 5提问于2014-02-04得票数 3

回答已采纳

2回答

角用户界面:旋转木马上的触发事件

javascript、angularjs、twitter-bootstrap、angular-ui、angular-ui-bootstrap

我使用的是角UI的旋转木马，我想从我的控制器触发"prev“和"next”事件。带有柱塞示例的旋转木马页面：知道最好的办法吗？谢谢!

浏览 2提问于2015-05-18得票数 1

回答已采纳

2回答

如何在包含图像或div的旋转木马上设置焦点，以便我可以使用箭头键导航？

javascript、jquery、html、reactjs、antd

我一直在研究Ant Carousel :- https://ant.design/components/carousel/。Carousel被放在一个Modal中。我的孩子很少，div。我尝试过使用carousel的focusOnSelect。我还将refs设置为Carousel，然后在componentDidMount()上调用this.xyzRef.current.focus()，但它给了我错误:

浏览 15提问于2019-02-14得票数 0

回答已采纳

3回答

jQuery:如何将这些元素中的两个放在同一个页面上？

javascript、jquery

:'slide', loop: false,}); clearInterval(interval); show_next_prev("

浏览 3提问于2012-12-08得票数 0

1回答

使用React和Ant设计将旋转木马的参考信息传递到打字稿中？

reactjs、antd

我正在尝试实现使用React + Ant来滚动旋转木马的按钮。我想让按钮滚动两个旋转木马。因此，我将滚动函数nextPane和prevPane提升到一个名为LandingPage的父类中。这里，我还为每个旋转木马构造了两个React.createRef，并将它们传递到相应的组件中。(); }; this.imageCarousel.prev</em

浏览 0提问于2019-11-14得票数 0

2回答

Onsen-ui Carousel属性自动播放不起作用

javascript、html、css、onsen-ui

<ons-page> <div class="left"> <div class="right"> <ons-icon ic

浏览 13提问于2019-08-26得票数 0

2回答

在数组- JavaScript中添加递增的类名

javascript

我想要自动完成这个操作(例如，我希望有一个包含模态-Bg1到mod-bg9.)的数组，有方法吗？"#nextBtn1"), document.querySelector("#nextBtn2")];const carouselImages

浏览 2提问于2021-03-17得票数 0

回答已采纳

1回答

单击按钮后抓取活动元素

javascript、html、jquery

我在一页上有旋转木马，其结构如下： <button class="button123"> </button>

浏览 1提问于2020-06-03得票数 0

点击加载更多