I have a problem, I am using tabs layout in my page and some of the tabs can have a lot of text in them, so when swiching between them, it sometimes takes a bit longer. And what I need is to show some indicator that the page is working. I figured out, that I can make the indicator visible on click event on tab label, but I don't know when to hide it, so is there some evenet, which is fired afted a tab is switched? Or any other ideas how to solve this?
Thanks for reply, I tried this of course and when I used for exapmle alert function, it worked fine, one alert appeared before and one after, but when I want to show some loading gif, it's a problem. The browser seems to be busy because of switching the tabs ( showing,hiding a lot of data) and therefore the gif doesn't even appear. So the only solution I came up with was to add a little pause to javascritp execution to let the browser breath and show the gif, but I am not sure how to do it
I have added a lot of data to the third tab so it takes a while when switching to it and I have used those two events. But the div doesn't appear. Only if You uncomment the alerts, because then the browser have some time to render the div.
Obviously the time between those events is too short to show the div as you say, but the actually it takes more time to hide the old content and show the content of tab 3, right? Do you see it too? So thats my problem, i would need some event which is fired after the content of tab is properly displayed
How do you fix this problem ? I encountered the same issue - in my case, I had 10,000+ element (drug items list). Whenever I switch between tabs there are 2-3 seconds delay which really destroy my UX !!!
Furthermore, the beforeActivate and activate event are fired too fast - the delay between them are less than 3ms, so your measurement maybe incorrect. The delay is happening before the beforeActivate event.