最近我在使用jquery时遇到了一个问题,on click
事件无效。我尝试了各种方法解决这个问题,但是都没有成功。
我首先检查了jQuery是否已经加载。我试着使用控制台输入$
来检查jQuery是否可用。结果jQuery已经被成功加载。
$; //输出结果: //ƒ (a,b){return new n.fn.init(a,b)}
然后,我检查了on click
事件绑定的元素是否正确。我的代码类似于以下的形式:
$('#example').on('click', function(){ //要执行的代码 });
我确认了$('#example')
的确是需要绑定事件的元素。然后我尝试着在元素上直接绑定click
事件:
$('#example').click(function(){ //要执行的代码 });
这时候,click
事件竟然生效了!我很困惑,我明明使用的是jQuery的on
方法来绑定事件,为什么它不工作呢?
最后,我查阅了jQuery的文档,发现我一直在使用错误的方法。on
方法需要提供事件类型和事件委托对象来绑定事件。因此,正确的写法应该是这样:
$('body').on('click', '#example', function(){ //要执行的代码 });
这样我就成功解决了on click
事件无效的问题。