[jQuery] Question regarding JQuery tabs UI
Hi,
I am working on an application in which I use JQuery Tabs plugin. The
basic layout of the page is that there is a tree structure on the left
side of the page. When the user clicks on any node of the tree, it
fires an Ajax call and the server returns a fragment of html which
includes tabs. The problem I encountered is that in IE, when the tabs
get loaded, the initialized tab will be loaded once, while in Firefox,
when the tabs loaded, the initialized tab gets loaded twice ( 2 Ajax
calls to the server). Does anyone know what the problem is?
The tabs returned by clicking on the tree node is as follows:
<div>
<ul id="categories">
<li>
<a href="http://<server_name>/<action_name1>">
<span>Tab1</span>
</a>
</li>
<li>
<a href="http://<server_name>/<action_name2>">
<span>Tab2</span>
</a>
</li>
<li>
<a href="http://<server_name>/<action_name3>">
<span>Tab3</span>
</a>
</li>
<li>
<a href="http://<server_name>/<action_name4>">
<span>Tab4</span>
</a>
</li>
</ul>
</div>
<script type="text/javascript">
(function(){
$('#categories').tabs(2, {remote:true}) ;
})();
</script>
The problem is in Firefox, when this page returned from the Server
through Ajax call, the Tab 2 gets loaded twice.
Thank you for any suggestions.
Changsu Jiang