如何防止JQuery中的默認選項卡切換功能？

Question

我已經創建了下面的選項卡。

<ul class="idTabs"> 
<li><a href="#basic_info" id="basic_info_link" >Personal</a></li> 
<li><a href="#add_info" id="add_info_link">Address</a></li> 
<li style="width:194px;"><a href="#payment_info" id="payment_link" style="border-left:none;width:194px;">Bank</a></li> 
</ul> 
<div id="basic_info"><!--HTML Code --></div> 
<div id="add_info"><!--HTML Code --></div> 
<div id="payment_info"><!--HTML Code --></div> 

標籤工作正常，但問題是，單擊這些標籤標題我想阻止去下一個標籤。

Answer 1

$('.idTabs li a').on('click', function(e) { 

    e.preventDefault(); 

}); 

DEMO