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

How do I prevent default tab switching functionality in JQuery?

本文关键字：功能 选项 默认 何防止 JQuery      更新时间：2023-09-26

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

<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>
选项卡

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

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

演示

相关文章：