jquery - 触发事件不起作用jQuery

Question

当用户单击 a.test 链接时，我想模拟单击 li 旁边的 li 中的 a.active 链接，但由于某种原因，我的 jquery 代码无法正常工作。有任何想法吗？

查询

$('a.test').click(function() {
    $('a.active').parent().parent().next().find('a').trigger('click');
});

HTML

<a class="test">link</a>

<ul>
<li id="">
<div class="page">
<a class="active" href="javascript:function Z(){Z=""}Z()">1</a>
</div>
</li>
<li id="">
<div class="page">
<a class="" href="javascript:function Z(){Z=""}Z()">2</a>
</div>
</li>
<li id="">
<div class="page">...</div>
</li>
</ul>

Answer 1

您没有在要触发点击事件的标签上绑定点击事件，只需绑定它，您的代码就可以工作。

现场演示

$('a.test').click(function () {
    $('a.active').parent().parent().next().find('a').trigger('click');  
});

$('li a').click(function () {  
    alert($(this).text());
});

Answer 2

在处理程序中调用你的点击事件doc ready：get fiddle

$(function(){
   $('a.test').click(function() {
      $('a.active').parent().parent().next().find('a').trigger('click');
   });
});

and make sure to call the jquery library first.

Answer 3

您需要在 jquery 范围内而不是在 html 中拥有 click 事件处理程序

+你应该使用.on('click','subselector',function(){})

+你的 Z 函数除了清空甚至没有声明为变量的 Z 之外什么都不做......所以即使点击被触发也不会发生任何事情

Answer 4

看到这个：http: //jsfiddle.net/FmASe/

$('a.test').click(function () {
  $('a.active').closest('li').next().find('a').trigger('click');
});

$('li a').click(function () {  
    alert($(this).text());
});

只需绑定点击事件..