javascript $(Document)单击(‘.on’)在html中不起作用

问题描述：在HTML中，使用JavaScript的$(document).on('click', '.class')绑定事件无效。

回答：

在HTML中，使用JavaScript的$(document).on('click', '.class')绑定事件无效的原因可能有以下几种：

1. jQuery库未正确引入：在使用$(document).on()方法之前，需要确保已正确引入jQuery库。可以通过在HTML文件中添加以下代码来引入jQuery库：<script src="https://cdn.jsdelivr.net/npm/jquery"></script>或者下载jQuery库文件并在HTML文件中引入：<script src="path/to/jquery.min.js"></script>
2. 代码执行时机不正确：确保代码在DOM加载完成后执行。可以将代码放在$(document).ready()方法中，以确保在DOM加载完成后执行绑定事件的代码。示例：$(document).ready(function() { $(document).on('click', '.class', function() { // 事件处理逻辑 }); });
3. 选择器或类名错误：确保选择器或类名正确无误。在.on()方法中，第二个参数是选择器或类名，用于指定要绑定事件的元素。请检查选择器或类名是否正确，并确保存在对应的元素。
4. 动态添加的元素未被绑定事件：如果要绑定事件的元素是通过JavaScript动态添加的，需要使用事件委托的方式来绑定事件。可以将.on()方法的第一个参数改为静态的父元素，然后通过第二个参数指定要绑定事件的子元素选择器或类名。示例：$(document).on('click', '.class', function() { // 事件处理逻辑 });

总结：

当在HTML中使用JavaScript的$(document).on('click', '.class')绑定事件无效时，需要确保正确引入jQuery库，代码在DOM加载完成后执行，选择器或类名正确，以及对于动态添加的元素使用事件委托方式绑定事件。

推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function）

• 产品介绍链接：https://cloud.tencent.com/product/scf