joined:June 2, 2006
Recently I started using Bootstrap tabs (version 3). I noticed that tabs stop working when I click onto an inactive tab while the page is still loading. This would not happen every time, but I would need to keep switching between the pages that use tabs, and keep clicking onto inactive tabs. It would happen in 10-20% of the trials.
What happens is that the tab's HREF shows up in the URL whenever this break happens, like this:
Normally, it would be just this:
When it breaks, tab headings simply lose their link color, lines marking tabs look different (there is no bottom border below the tab title), and it is impossible to switch between the tabs without reloading the page (without the href reference at the end).
The code I use at this time is as per this example (under Markup):
Why would this happen and what could be my options in preventing this from happening?