I need an ajax animation while the remote page is loaded in tabs.
I am using
$('#tabs2').tabs({ spinner: ''<img src="../../Content/images/Jquery/spinner.gi'' });
Even $('#tabs2').tabs({ spinner: 'Loading..' }); also doesn't works ...
Though the tab functionality is working but the animation is not working ...
I am using JQuery theme roller files. Your help is much appreciated. Many Thanks
This first code snippet as posted, looks incorrect. It should be:
$('#tabs2').tabs({ spinner: '<img src="../../Content/images/Jquery/spinner.gif"/>' });
The second snippet should work just fine assuming that "#tabs2" refers to the container tab and not one of the individual tabs.
Please edit your question and post the associated HTML for the tabs.
The spinner option of the jquery.ui tabs is only used when loading remote content with ajax. Are you sure you're using ajax mode and not simply showing and hiding existing content on your page with tabs ?
Sorry problem solved. I Put a <span> tag in the tabs. Found the solution in Jquery support discussions. http://docs.jquery.com/Discussion
e.g.
<li><a href="../URL">**<span>Text to display in Tabs</span></a></li>
<li><a href="tabdiv">**<span>Text to display in Tabs</span></a></li>
I have this problem. I'm using tabs to load remote data. No matter how much time it takes, the 'Loading' spinner (only text) never appears. My Tabs are based on the very JQuery Ui samples, so there shouldn't be errors.
If some one knows how to fix this, please help us.
Adding a around the text of the tab links fixes the problem. Sumanta's solution is correct, but I'm not sure you need the two asterisk symbols that are in there.