iOS下按钮click事件需要点击两次

最新推荐文章于 2021-09-23 09:19:26 发布

原创最新推荐文章于 2021-09-23 09:19:26 发布 · 5.5k 阅读

2 ·

CC 4.0 BY-SA版权

移动端同时被 2 个专栏收录

5 篇文章

订阅专栏

前端

4 篇文章

订阅专栏

本文介绍了一个关于模态框在使用display属性隐藏后，页面上的按钮需要被点击两次才能触发事件的问题。通过将display属性替换为visibility属性解决了该问题。

问题：
模态框display:none后页面按钮需要连续点击两次才会触发事件
原代码：

.modal{
	display: none;
	...
}

<script>
	$(ele).on('click', function () {
		$(".modal").css("display", "block")
	})
	$(".modal_close").on("click", function () {
				$(".modal").css("display", "none")
	})
</script>

解决方法：

.modal{
	visibility: hidden;
	...
}

<script>
	$(ele).on('click', function () {
		$(".modal").css("visibility", "visible")
	})
	$(".modal_close").on("click", function () {
				$(".modal").css("visibility", "hidden")
	})
</script>