Questions tagged [jquery-mobile-navbar]

62 questions
3
votes
1 answer

Bootstrap 3 Mobile nav won collapse when you click outside it

My Bootstrap 3 mobile menu does collapse when I click/touch outside the menu. Ive can up with a solution to the problem: $(document).on('touchstart click', 'html:not(nav)',function() { $(".navbar-collapse").removeClass("in"); }); However this…
3
votes
1 answer

Data-transition effects does not work with tab navigation jquery mobile

I try to bring some effects to my tabs navigation on my jquery-mobile page but it looks like that the data-transitions argument does not work combined with a tabs navigation. My code looks like this:
Kingalione
  • 4,237
  • 6
  • 49
  • 84
3
votes
0 answers

JQuery Mobile Navbar Tab - Blinking when Changing Tabs

The footer tabs work great and the footer change without blinking, but the headers keep blinking when you click the tabs. How can I stop the blinking? I've tried a few solutions I have found online which have helped others but did not work for me,…
Bozmo
  • 31
  • 4
3
votes
3 answers

Tab active state in JQuery Mobile

Say we have 2 tabs using data-role="navbar", and we switch to the second tab and then go to another new page. When we return back from the previous page, why is the tab that we selected second tab is not the one which is active. It shows the first…
user694688
  • 593
  • 1
  • 15
  • 32
2
votes
3 answers

Set different colour for Jquery mobile navbar

I currently have set data-theme a for my navbar, but I want to be able to set it to a different colour. how do I do this? the navbar is inside the header. How do I override jquery mobile's css?
Dot
  • 279
  • 1
  • 9
  • 21
2
votes
1 answer

Dynamically changing a navbar

When the user changes a setting, I want to change the navbar on the main page. I have:
And I populate the unordered list with JavaScript, but it loses…
Phillip Senn
  • 46,771
  • 90
  • 257
  • 373
1
vote
1 answer

How to change the class of several items and how to make the navbar update according to the page scroll?

This is for a navbar. The "active" class makes the background of the item in the navbar become darker. And yes, I made the navbar with "div" instead of "ul". This code of mine is an attempt, whenever an item in the navbar is selected (and its…
1
vote
1 answer

side menu navbar toggle not working in WordPress

I'm working on WP website from a while (I'm beginner) and I faced a problem in my side-menu toggle with mobile/tablet resolution. the navbar doesn't work when I click on it [when I add a custom "Footer" with Elements Kit plugin]. you can take a…
1
vote
3 answers

Bootstrap 4 nav toggle button not working?

I am trying to build the responsive navbar using the bootstrap 4, where the navbar has display the toggle button if the size of screen reduces by certain pixels width, I am able to display the toggle button but i am not able to display the link…
1
vote
0 answers

How to make two submenu in sidebar

I want to create 2 submenus when the menu in the sidebar is clicked Here what i've done $(document).ready(function () { $("[data-toggle]").click(function () { var toggle_el = $(this).data("toggle"); …
1
vote
1 answer

Active navbar not highlight

I'm a new to this website and for coding, i m trying to highlight active menu. i have been search almost of two weeks. still not resolved. i have tried with jquery cdn, it works, but when i upload all this to web, it doesn't work. when i click the…
luke roy
  • 11
  • 7
1
vote
1 answer

Is the CSS file for JQuery Mobile necessary for styling a Mobile Navbar?

So I have the following snippet of code, which I copied from one of the demos of JQuery Mobile Navbars:
1
vote
2 answers

Bootstrap navbar won't toggle open when collapsed

I've checked all solutions. I've copied many navbar example codes. My navbar collapses when it is supposed to, but clicking the button won't toggle or expand. In the head I am referencing the CSS for bootstrap
1
vote
1 answer

Jquery Mobile error dynamically changing Tab, doesn't make tab active

I have 3 tabs within a pop up. Depending on which hyperlink is clicked, I'd like it to go to make a specific tab active. Having stripped out all non-essential code, it seems that it fails if the hyperlink has a 'ui-btn' class applied to it. If the…
1
vote
1 answer

When I open website on mobile bootstrap navbar is not collapse

This situation is strange. When I open my website (built on bootstrap) on small screens navbar is visible, but it should be collapse. When I click on button to collapse, it is still visible, when I click second time it is collapse just now. And…
1
2 3 4 5