jQuery事件在用代码编写时不会触发，但如果在Console中编写则触发

Question

如果我在控制台中编写相同的jQuery函数

，它可以正常工作

我的Html

<input type="radio" name="a" class="rad" value="Option 1"/>Option 1
<input type="radio" name="a" class="rad" value="Option 2"/>Option 2

我的jQuery函数

$('.rad').on('change',function(){
    console.log('Radio clicked');
});

Answer 1

这是因为当您尝试附加事件时未加载任何元素，或者您在代码中没有调用此脚本时出错。

在第一种情况下，您需要在正文末尾编写脚本或将其包装在dom ready事件中：

$(function(){
$('.rad').on('change',function(){
 console.log('Radio clicked');
});});

Answer 2

请在

中编写代码

document.ready(function(){
})

一定会有效