JQuery在li中嵌套标记上捕获click事件

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>

如果用户点击了某个标签，我已尝试了多种方法来捕获，但似乎没有任何效果;

$('.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

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

Answer 2

清理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');
});