antd移动端onClick事件点击无效

摘要:
最近,我有很多空闲时间。我想了解react和移动终端,所以我选择了蚂蚁移动图书馆。在构建框架的开发过程中,我遇到了一个问题。绑定到它的单击事件无效。不仅ant提供的按钮无效,而且原生按钮点击也没有响应。我在网上找到了很多糟糕的解决方案。在调试过程中,我发现当我设置底部导航时,我部分屏蔽了内容,因此它不能响应单击。解决方案是在底部导航中添加一个z-index:-1。

  最近空余时间比较多,自己想学习react跟移动端的东西,就选用了antd-mobile库,框架搭好开发过程中遇到个问题,里面绑定的点击事件无效,不仅是antd自带的按钮无效,原生button点击也没反应,网上找了一大堆没有好的解决方案。在调试过程中发现

antd移动端onClick事件点击无效第1张

原来是我在设置底部导航的时候,把内容部分遮挡了,所以肯定点击没反应,解决方案把底部导航加个z-index:-1就可以了。

  总解:发现问题的时候不能轻言放弃,多想想问题出线的可能,说不定就会有新的思路。

免责声明:文章转载自《antd移动端onClick事件点击无效》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Unity UI适配 之 GridLayoutGroup组件下的内容适配(进度条适配)Linux安装TeamViewer下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

部署 Graylog 日志系统

Graylog 是与 ELK 可以相提并论的一款集中式日志管理方案,支持数据收集、检索、可视化 Dashboard。本节将实践用 Graylog 来管理 Docker 日志。 Graylog 架构 Graylog 架构如下图所示: Graylog 负责接收来自各种设备和应用的日志,并为用户提供 Web 访问接口。 Elasticsearch 用于索引和保...

虚IP解决程序连只读服务器故障漂移

        目前公司有一套核心交易数据库配置了AlWaysON,SQL 2012版本, 1主4从, 其从库(8,14, 8.15) 这2台只读的从数据库服务器, 后台程序和wms等很多程序,都是直接配置IP连接这个2个机器,而且这2台机器已经过保,如果其中一天机器出现故障,不能使用,怎么处理?         怎么解决?         先谈谈后果:...

PSPNet论文阅读笔记

这篇文章做了啥 这是一篇比较早的文章,做的是分割的任务,论文的架构比较清晰,主要是分析了一些现在的分割的网络存在不能够获取global信息的问题,针对这些存在的问题,作者提出了pyramid scene parsing network(PSPNet)金字塔场景解析网络,PSPnet能够extent pixel level的feature到global的fe...

Windows Thin PC 激活方法

Windows Thin PC 激活方法       笔者之前分享了Windows Thin PC ,如果你已经安装了Windows Thin PC ,但还没有激活,可以参照以下方式进行Windows Thin PC激活: 1、直接输入密钥 Windows Thin PC MAK 密钥: 9BHD6-PDPYF-8CXRR-8X39P-4224J W3T...

[转]mysql导出导入中文表解决方法

在开发过程中会经常用到mysql导出导入中文表,本文将详细介绍其如何使用,需要的朋友可以参考下。 在开发过程中会经常用到mysql导出导入中文表,本文将详细介绍其如何使用,需要的朋友可以参考下一、先针对utf8导出: (1)导出源数据库的所有表: 代码如下: mysqldump -u root -p密码 --socket=mysql.sock --def...

ionic3 项目中问题的解决

1、ios端除了button按钮上绑定click事件,会有时间延迟,可通过给元素绑定tappable解决 2、ios端屏幕上下拖动,底部往上拉会有白屏,可通过config.xml里面配置   <preference name="WebViewBounce" value="false" />   <preference name="Disa...