javascript - 如何使用 JavaScript 禁用 li 标签

Question

我在我的页面上使用以下 HTML:

<ul id="tabnav">

        <li id="tab_a" class="tab1"><a href="tab1.htm">Tab a</a></li>
        <li id="tab_b" class="tab2"><a href="tab2.htm">Tab b</a></li>
        <li id="tab_c" class="tab3"><a href="tab3.htm">Tab c</a></li>
    </ul>

我想做的是让您无法使用 javascript 单击第三个选项卡，然后我希望稍后能够单击第三个选项卡。

所以我尝试在 JavaScript 函数中使用以下 JavaScript:

document.getElementById("tab_c").style.enabled = false;

但是它似乎没有用。

我希望它会禁用它，这样你就不能点击它了。

我做错了什么吗？

Answer 1

//css
.disabled{
    pointer-events:none;
    opacity:0.4;
}
// jqvery
$("li a").addClass('disabled');
// remove .disabled when you are done