不能使用javascriptjquery禁用选项卡列表中的选项卡

Can't disable a tab in tabs list using javascriptjquery

本文关键字：选项 列表 javascriptjquery 不能      更新时间：2023-09-26

我有一个.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..但它是一样的。我能做什么?

您是否尝试过(假设使用Jquery UI选项卡)??

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

如果不使用

e.preventDefault ();

假设当前点击将用户带到另一个页面，使用jQuery您可以简单地:

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

尝试使用e.p preventdefault()来防止锚的默认行为:

$('#t2, #t5, #t6').on('click', 'a', function(e) {
    e.preventDefault();
});
相关文章：