jquery动态绑定在IOS失效的问题

最新推荐文章于 2023-06-18 21:21:38 发布

藏锋入鞘

最新推荐文章于 2023-06-18 21:21:38 发布

阅读量438

点赞数

分类专栏： Jquery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/qq_34177812/article/details/104734250

版权

Jquery 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一个微信项目中，使用jQuery动态绑定点击事件在iOS下失效的问题及解决方案。通过为元素添加cursor:pointer;样式，使点击事件在iOS设备上的微信浏览器/Safari中正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景

在一个微信项目中，由于某些元素是动态添加的，所以使用了jquery的on(‘click’, ‘xx’, function(){});来进行动态绑定点击事件，但是在IOS下，此法失效，经过一番资料查找，终于找到了解决方案。

问题复现

html代码：

<html>
	<head>
		<title>测试</title>
	</head>
	<body>
		<ul>
			<li class="elem">操作1</li>
			<li class="elem">操作1</li>
			<li class="elem">操作1</li>
			<li class="elem">操作1</li>
			<li class="elem">操作1</li>
			<li class="elem">操作1</li>
		</ul>
	</body>
	<!--引入jquery-->
	<script src="js/jquery.js"></script>
	<script>
		// 给.elem增加点击事件
		$('body').on('click', '.elem', function(){
			alert('已点击');
		});
	</script>
</html>