On 29 Nov., 05:54, cjiang <[EMAIL PROTECTED]> wrote:
> 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
Is this Tabs 2 you're using. If yes, could you give UI Tabs (Tabs 3) a
try?
--Klaus
