Javascript 使用jquery禁用选项卡

我有如下选项卡结构：

 <ul class="g-tabs-tabs" style="width: 160px;">
      <li class="g-tabs-tab" data-idx="0">General</li>
      <li class="g-tabs-tab" data-idx="1">Extension</li>
      <li class="g-tabs-tab" data-idx="2">Lines</li>
 </ul>

概述
扩展
行

我没有使用JqueryUI。所以我不想这样做

将鼠标悬停在选项卡上会更改颜色（请参见FIDLE）。 如果选项卡被禁用，则不应更改颜色

如何禁用第三个选项卡

---

我想您可以通过添加一些类来禁用它（比如说

g-tabs-disabled

）。因此，只需在css中添加以下规则：

.g-tabs-disabled:hover {
    background-color:#f4f4f4;   
}

或者，如果您支持CSS中的

：not

，则可以将其与其他规则合并：

.g-tabs-tab:not(.g-tabs-disabled):hover {
    background-color:#0000FF;
}

---

请参阅fiddle:

我想您可以通过添加一些类来禁用它（比如说

g-tabs-disabled

）。因此，只需在css中添加以下规则：

.g-tabs-disabled:hover {
    background-color:#f4f4f4;   
}

或者，如果您支持CSS中的

：not

，则可以将其与其他规则合并：

.g-tabs-tab:not(.g-tabs-disabled):hover {
    background-color:#0000FF;
}

---

参见fiddle:

如果您想禁用悬停效果，可以执行以下操作

 $('ul li:nth-child(3)').hover(function() {
    $(this).css('background-color', 'transparent');
  });

---

如果你想禁用悬停效果，你可以这样做

 $('ul li:nth-child(3)').hover(function() {
    $(this).css('background-color', 'transparent');
  });

---

您只需添加一个类，通过禁用颜色并覆盖现有的

：hover

类，使其看起来被禁用。另外，需要禁用鼠标事件才能使其真正禁用

演示：

相关CSS：（只需添加此类）

---

您只需添加一个类，通过禁用颜色并覆盖现有的

：hover

类，使其看起来被禁用。另外，需要禁用鼠标事件才能使其真正禁用

演示：

相关CSS：（只需添加此类）

---

你的意思是？？是的，这正是我想要的。但是我如何使用jquery添加这个

disabled

？我不擅长。我应该替换这个吗？作为答案添加。只需使用jQuery添加类：

.addClass（“active”）

你的意思是？？是的，这正是我想要的。但是我如何使用jQuery添加这个

禁用的

？我不擅长。我应该替换这个吗？作为答案添加。只需使用jQuery添加类：

.addClass（“active”）

行

您可以使用jQuery添加

disabled

？

行
您可以使用jQuery添加
disabled
？