禁用时删除数据切换属性

pet*_*rbf 4 html javascript jquery twitter-bootstrap bootstrap-tabs

我有一个选项卡列表,其中包含可以禁用的元素 - 即不可点击.当'禁用'作为类添加时,鼠标悬停在元素上表示该选项卡不可点击.不幸的是,该元素是可点击的.我试图datatoggle="tab"在元素被禁用时从元素中删除,但我的jQuery技能是不够的.

我有一个ul class="nav nav-tabs" with id="myTabs" 和我正在尝试使用此jQuery语句删除data-toggle属性:

$('#myTabs a').is('.disabled').removeAttr('data-toggle');
Run Code Online (Sandbox Code Playgroud)

Bootply示例

Moh*_*mar 13

你可以试试这个: -

$('#tabs li.disabled').find('a').removeAttr('data-toggle');
Run Code Online (Sandbox Code Playgroud)

要么

$('#tabs li.disabled a').removeAttr('data-toggle');
Run Code Online (Sandbox Code Playgroud)

演示