jQuery的on()方法在绑定事件时通常很方便，但有时候可能会无效，这可能是由以下几个原因导致的。

$('body').on('click', '.btn', function(){
alert('被点击');
});

在这个例子中，on()方法用于绑定按钮的点击事件。如果点击按钮后没有弹出警告窗口，则说明on()方法无效。以下是导致on()方法无效的原因：

1.元素不存在：

$('body').on('click', '.btn', function(){
alert('被点击');
});

在这个例子中，“.btn”是一个类名，如果没有这个类名的元素，click事件将无法绑定。

2.语法错误：

$('body'.on('click', '.btn', function(){
alert('被点击');
});

在这个例子中，缺少右括号，因此代码无法执行。

3.版本不兼容：

$('body').on('click', '.btn', function(){
alert('被点击');
});

如果您正在使用的jQuery版本不支持on()方法，则该方法将无效。

4.事件冒泡：

$('.btn').on('click', function(){
alert('被点击');
});
$('body').on('click', function(){
alert('被点击');
});

在这个例子中，点击按钮后将同时触发按钮的click事件和body元素的click事件，这称为事件冒泡。因此，如果您在body元素上使用on()，则必须在回调函数中停止事件冒泡，以防其中一个父元素的click事件被触发多次。

5.异步加载：

$('body').on('click', '.btn', function(){
alert('被点击');
});
$.get('http://example.com/ajax', function(){
//异步加载内容
});

在这个例子中，on()方法使用在异步加载的内容中，点击按钮时，如果异步内容还没有加载完，click事件将无法绑定。

在总结一下，on()方法无效的原因有元素不存在、语法错误、版本不兼容、事件冒泡和异步加载等情况。可通过仔细检查代码、更新jQuery版本、停止事件冒泡等方法解决。