开发者

jquery ui tabs prevent ui-tabs-selected ui-state-active being added

Looking for a way to prevent jquery from adding the ui-tabs-selected and ui-state-active to the tab bar / menu when it changes from tab to tab. B开发者_Python百科ut add my own styles if possible.

Tried to find a solution, but nothing yet... anyone?


There are a few ways you could do this.

  • Download the full jQuery UI code and strip out the code which adds the styles to the tab, then minify that again yourself if needed:
    http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js
  • Use the jQuery UI tabs select event to remove the classes:

    $( ".selector" ).tabs({
        select: function(event, ui) {
            $(".selector .ui-tabs-nav > li").removeClass("ui-state-active ui-state-selected");
        }
    });
    
  • Just override the styles for ui-state-active and ui-state-selected with your own CSS:

    .selector .ui-tabs-nav > li.ui-state-active {
        color: #FF0000;
    }
    .selector .ui-tabs-nav > li.ui-state-selected {
        color: #FF00FF;
    }
    
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜