2013-02-07 39 views
1

我想模擬點擊li旁邊li中的鏈接,當用戶點擊a.test鏈接時,它會顯示a.active鏈接,但由於某種原因,我的jQuery代碼不起作用。有任何想法嗎?觸發事件不能正常工作jquery

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> 

回答

0

呼叫在doc ready處理點擊事件:getfiddle

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

and make sure to call the jquery library first.

+0

感謝,我怎麼可以把它做的一應如此,當它被點擊什麼。在這種情況下,這是一個分頁,並會顯示下一頁。所以我希望它能真正模擬一個鏈接的點擊。 – user1937021

1

您沒有綁定您想要觸發單擊事件的標記上的點擊事件,只需將其綁定並且您的代碼將起作用。

Live Demo

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

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

,你需要在你的jQuery範圍Click事件處理程序不在HTML,因爲它是

+你應該使用.on('click','subselector',function(){})

+您的ž功能除了清空甚至沒有聲明爲變量的Z之外,什麼也不做,所以即使點擊也沒有觸發

+0

謝謝,當點擊它時,我該如何做它應該做的事情。在這種情況下,這是一個分頁,並會顯示下一頁。所以我希望它能真正模擬一個鏈接的點擊。 – user1937021

+0

'window.location(this.href)' – mikakun

0

看到這個:http://jsfiddle.net/FmASe/

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

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

只需結合的Click事件..