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

问题：
模态框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>