禁用时删除数据切换属性

时间:2014-07-07 13:27:56

标签: javascript jquery html twitter-bootstrap bootstrap-tabs

我有一个标签列表,其中包含可以禁用的元素 - 即不可点击的元素。并且当“禁用”时#39;作为一个类添加,然后鼠标悬停在元素上表示该选项卡是不可点击的。不幸的是,该元素是可点击的。 我想在元素被禁用时从元素中删除datatoggle="tab",但我的jQuery技能还不够。

我有一个class="nav nav-tabs" with id="myTabs"的ul 我试图用这个jQuery语句删除data-toggle属性:

$('#myTabs a').is('.disabled').removeAttr('data-toggle');

Bootply example

2 个答案:

答案 0 :(得分:12)

你可以试试这个: -

$('#tabs li.disabled').find('a').removeAttr('data-toggle');

$('#tabs li.disabled a').removeAttr('data-toggle');

Demo

答案 1 :(得分:0)

$('#myTabs a')。is('。disabled')返回一个布尔值:false - 你不能在此调用removeAttr!

第二,你的残疾人课程是你的,而不是你的。

试试这个:

$('#myTabs li.disabled a').removeAttr('data-toggle');