微信小程序事件绑定无效
程序员文章站
2022-07-12 22:41:51
...
在写顶部标签栏的时候,点击标签栏无反应,绑定的事件不执行。
然后就各种试,改标签之类的都没用,然后开始看wxml,偶然发现标签栏左右那部分(红色框)点击后,事件突然执行了
点击文字的时候死活不会执行,终于找到问题所在了???? 。
解释:
因为我在view标签里添加了文字标签,这样的话文字标签在上面,view标签在下面,而我把事件绑定到了view,所以那部分被text覆盖了,点击不了,而旁边空白部分没有被覆盖,所以可以正常使用。所以问题在wxss上面
<view bindtap='绑定事件'>
<text>文字</text>
<view>
解决方法:
把view放在最上面就可以了。
在控制view的wcss里添加 z-index:1;
就ok了。
.classfy{
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 33.33%;
}
上一篇: 第12章 Python常用命令
下一篇: jQuery绑定动态元素的点击事件无效