jQuery 的 on() 方法通常用于綁定事件。但是有時候，我們可能會遇到一個問題，就是 on() 方法綁定的事件無效。

這種情況通常有以下幾種可能性：

// 1. 元素不存在
$('#not-exist').on('click', function() {
console.log('clicked');
});
// 2. 元素還沒有被渲染完
$(document).ready(function() {
$('#delayed-element').on('click', function() {
console.log('clicked');
});
});
// 3. 事件名拼寫錯誤
$('#misspelled-element').on('clik', function() {
console.log('clicked');
});
// 4. 選擇器不正確
$('.wrong-class').on('click', function() {
console.log('clicked');
});
// 5. 事件處理函數有錯誤
$('#error-handler').on('click', function(something) {
undefinedFunction();
});

以上是幾個常見的 on() 方法無效的情況。解決方法通常是檢查代碼、選擇器和事件處理函數。

同時，建議在綁定事件時，盡量選擇不會改變的元素，不要綁定在動態生成的元素上。如果需要在動態元素上綁定事件，可以使用.on('click', '.selector', function() {...});的方式。