jquery ui tabs prevent ui-tabs-selected ui-state-active being added -
looking way prevent jquery adding ui-tabs-selected , ui-state-active tab bar / menu when changes tab tab. add own styles if possible.
tried find solution, nothing yet... anyone?
there few ways this.
- download full jquery ui code , strip out code adds styles tab, minify again if needed:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js use jquery ui tabs select event remove classes:
$( ".selector" ).tabs({ select: function(event, ui) { $(".selector .ui-tabs-nav > li").removeclass("ui-state-active ui-state-selected"); } });
just override styles ui-state-active , ui-state-selected own css:
.selector .ui-tabs-nav > li.ui-state-active { color: #ff0000; } .selector .ui-tabs-nav > li.ui-state-selected { color: #ff00ff; }
Comments
Post a Comment