javascript - 无法使用 javascript\jquery 禁用选项卡列表中的选项卡

Question

我有一个包含以下代码的 .cshtml 文件：

<ul id="tabcont1-nav" class="tabnav">
    <li id="t1"><a href="#tab1"><span>A   </span></a></li>
    <li id="t2"><a href="#tab2"><span>B   </span></a></li>
    <li id="t3"><a href="#tab3"><span>C   </span></a></li>
    <li id="t4"><a href="#tab4"><span>D   </span></a></li>
    <li id="t5"><a href="#tab5"><span>E   </span></a></li>
    <li id="t6"><a href="#tab6"><span>F   </span></a></li>
</ul>

然后是标签代码..例如：

div id="tab1" class="tab"

等等

我想禁用 tab2、tab5 和 tab6（我希望通过单击它们来实现......没有任何反应）。

我试过（阅读stackoverflow）这样做：

<script>
    $(document).ready(function() {
        document.getElementById("t2").childNodes[0].onclick = function() {return false;};​
    });
<script>

但是我在运行过程中遇到了字符无效的错误。我也尝试过使用 jquery ..但它是一样的。我能做些什么？

Answer 1

假设单击当前将用户带到不同的页面，使用 jQuery，您可以简单地：

$('#t2 > a').on('click', function(event) {
    event.preventDefault();
});

Answer 2

您尝试过（假设使用Jquery UI 选项卡）吗？

  $( "#tabs" ).tabs( "option", "disabled", [ 1, 2, 3 ] ).

如果不使用

e.preventDefault();

Answer 3

尝试使用e.preventDefault()来防止锚的默认行为：

$('#t2, #t5, #t6').on('click', 'a', function(e) {
    e.preventDefault();
});