Search jQuery

jQuery Forum

Arash.Reg..

footer - navbar

in jQuery Mobile • 11 years ago

Hi Everyone,

I'm using navbar in footer and I have 3 tabs in it. Data-theme is "a" which is black. when I open a tab, a tab colour changes to blue, which is good. but when I click again on the tab to close the tab, the colour stays blue unless I click on another tab.

is there any way to change the colour to black when the tab is not active without making changes in JQM css file?!?!?!

Thanks,

Arash

Replies(4)

watusiware

Re: footer - navbar

11 years ago

You don't click on a tab again to close it, though. You click on a tab to load the associated page. If the page is already loaded, nothing happens.

I don't understand what you mean by "close" - there's no such thing in JQM navbars, as far as I know. What is supposed to happen if you "close"? If you want the tab and page to go away, you will have to program that.

You need to set the ui-btn-active and ui-state-persist classes on the active tab.

Arash.Reg..

Re: footer - navbar

11 years ago

well, my bad.... should have explained better....

I have 2 parts in 1 page (let say <div id="map" style="display:block"> and the other one is <div id="friend" style="display:none">..... one of the tabs is "friend list".... I made "friend list" tab to switch between the "Friend" and "Map" by changing their "Display" to "none" or "block".

By clicking on "Friend List" tab, its colour changes to blue.

how can I change the tab colour back to black, when "Display" for "map" is "Block" ?!?!

I want it to looks

Blue for => Friend display : Block ... Map display : None

Black for=> Map display: Block ..... Friend display : None

Thanks

watusiware