jquery - JQuery在li中的嵌套标签上捕获点击事件

Question

我在 UL 内的嵌套标签上捕获 JQuery onclick 事件时遇到问题

<ul class="paginate">
<li>>1</li>
<li>
<a href="http://www.xxx.co.uk/xxx/" onclick="ajaxPage('2',true,'left'); return false;">2</a>

如果用户单击 a 标签，我尝试了多种方法来捕获，但似乎没有任何效果；

$('.paginate li').click(function(){ 
    alert('Caught page');
});

$('ul.paginate li').click(function(){ 
    alert('Caught page');
});

$('.paginate li a').click(function(){ 
    alert('Caught page');
});

你能帮我吗？

Answer 1

清理 html 后对我有用：

http://jsfiddle.net/4s6rv/

<ul class="paginate">
<li>1</li>
<li>
<a href="http://www.xxx.co.uk/xxx/" onclick="ajaxPage('2',true,'left'); return false;">2</a>
</li>
</ul>

$('.paginate li a').click(function(){ 
    alert('Caught page');
});

Answer 2

$(document).ready(function() 
{
    $('ul.paginate li').click(function(e) { 
       alert('Caught page');
    });
}