Javascript 如何防止JQuery中的默认选项卡切换功能？

我已经创建了下面的选项卡

<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>

宽度：194px；“>

这些选项卡工作正常，但问题是在单击这些选项卡标题时，我想阻止转到下一个选项卡

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

   e.preventDefault();

});

---

让我总结一下。您正在使用jQuery选项卡吗？您想阻止默认的选项卡切换功能，以便可以使用选项卡切换程序吗？我说得对吗？让我总结一下。您正在使用jQuery选项卡吗？您想阻止默认的选项卡切换功能，以便可以使用选项卡切换程序吗？我说的对吗？您还可以将href属性设置为

javascript:void（0）@thecodeparadox：我的情况与此相同，只是我先验证数据。如果验证为false，则不应重定向到单击的选项卡。但是
e.preventDefault（）对我不起作用。有什么帮助吗？您还可以将href属性设置为
javascript:void（0）@thecodeparadox：我的情况与此相同，只是我先验证数据。如果验证为false，则不应重定向到单击的选项卡。但是
e.preventDefault（）对我不起作用。有什么帮助吗？