ant组件Carousel的点击链接问题

来源：14-4 PC端首页模块布局开发（上）

魍驿

2018-12-19

<div class="carousel">
		<Carousel {...settings}>
			<div><img src="./src/images/carousel_1.jpg"/></div>
			<div><img src="./src/images/carousel_2.jpg"/></div>
			<div><img src="./src/images/carousel_3.jpg"/></div>
			<div><img src="./src/images/carousel_4.jpg"/></div>
		</Carousel>
</div>

在使用a标签包裹img后，每次点击总是最后一个图片链接有效，而且在浏览器每次右键审查元素都是定位到最后一个图片；
a标签代码如下：href是个外网某个地址

<a key={item.key} href={item.href} target="_blank">
      <img src={item.img}></img>
 </a>

请教一下老师是什么原因？

写回答

4回答

Parry

2018-12-24

div 上加 onclick 事件可以？

魍驿

我就是在div上加了onclick然后在根据index判断，这算是一个坑？

2018-12-24

共1条回复

Parry

2018-12-21

可以通过 chrome 看看滚动的时候那个 a 标签的位置？

魍驿

F12调试可以看到在变化，classname会变，图片也会跟随变化，但是无论显示哪个轮播图鼠标右键菜单点击审查元素的时候总是定位到轮播的最后一个；单击获得的图片也是轮播数组的最后一个；所以添加a标签后，无论轮播到哪个图片，点击跳转的链接都是最后一个；

2018-12-22

共1条回复

魍驿

提问者

2018-12-20

代码编辑错误，没提交成功

Parry

2018-12-20

同学你好，问题是？

魍驿

代码编辑错误，没提交成功

2018-12-20

共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发，React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程

相似问题

课程结束后自己练习时遇到ant 树形控件Tree使用问题

回答 2

最新的Ant Design怎么引用???

回答 2

ant design Carousel 切换按钮不显示

回答 1

老师antd 里面的Input组件通过this.refs.style.color无法设置样式

回答 5

老师 13-5登陆模块开发时点击登录后页面全白拷贝您源码后也是同样的效果

回答 5

打开慕课网App查看更多内容