问题描述:在HTML中,使用JavaScript的$(document).on('click', '.class')绑定事件无效。
回答:
在HTML中,使用JavaScript的$(document).on('click', '.class')绑定事件无效的原因可能有以下几种:
$(document).ready()
方法中,以确保在DOM加载完成后执行绑定事件的代码。示例:$(document).ready(function() {
$(document).on('click', '.class', function() {
// 事件处理逻辑
});
});.on()
方法中,第二个参数是选择器或类名,用于指定要绑定事件的元素。请检查选择器或类名是否正确,并确保存在对应的元素。.on()
方法的第一个参数改为静态的父元素,然后通过第二个参数指定要绑定事件的子元素选择器或类名。示例:$(document).on('click', '.class', function() {
// 事件处理逻辑
});总结:
当在HTML中使用JavaScript的$(document).on('click', '.class')绑定事件无效时,需要确保正确引入jQuery库,代码在DOM加载完成后执行,选择器或类名正确,以及对于动态添加的元素使用事件委托方式绑定事件。
推荐的腾讯云相关产品:腾讯云云函数(Serverless Cloud Function)
领取专属 10元无门槛券
手把手带您无忧上云