jQueryUI 选项卡/菜单协同（强制非活动选项卡显示活动）

发布于 2024-11-17 20:41:13 字数 769 浏览 4 评论 0原文

我理解这个问题的本质，但这是我的客户的要求。

在我的页面上，我有一个加载页面的垂直菜单

顶部的div中有一些静态内容

以及下面选项卡式窗格中的动态内容。这个动态内容是 2 个表格，当选择每个垂直菜单项时，它们会通过 ajax 重新加载。因此 div 不会仅重新加载这些表的内容。

选项卡的目的是模仿垂直菜单，同时使这个 div 看起来像一个选项卡式窗格，我已经实现了。见下文：

<前><代码>________________________________________________________________ |垂直| | |菜单|静态内容| | |------------------------------------------------ -----| | | [选项卡][选项卡][选项卡]| | | ---------------------------------------------------- | | | : : | | | : 动态内容 : | | | : : | | | : : | |______|_:______________________________________:____________|

我的问题是这样的。当选项卡处于非活动状态并且我在垂直菜单上选择一个项目时。我怎样才能让它看起来好像这个选项卡已被激活。我已经尝试搜索该选项卡并调用 $("myTabs").tabs('selected',index); 但这没有给我任何结果。

谢谢，希望我没有感到困惑

原文

I understand the frivolous nature of this problem, but it is a requirement of my client.

On my page I have a vertical menu that loads pages

There is some static content in a div at the top

And dynamic content in a tabbed pane below. This dynamic content is 2 tables that are reloaded with ajax when each vertical menu item is selected. So the div is not reloaded only the content of those tables.

The purpose of the tabs are to mimic the vertical menu while making this div appear to be a tabbed pane, which I have already implemented. See below:

________________________________________________________________
|vetical|                                                      |
| menu  |                 Static Content                       |
|       |------------------------------------------------------|
|       | [TAB][TAB][TAB]                                      |
|       | -----------------------------------------            |
|       | :                                       :            |
|       | :    Dynamic Content                    :            |
|       | :                                       :            |
|       | :                                       :            |
|_______|_:_______________________________________:____________|

My issue is this. When a tab is inactive and I select an item on the vertical menu. How can I make it appear as if this tab has been activated. I already tried to search for the tab and call $("myTabs").tabs('selected',index); but this has given me no results.

Thanks, hope I was not confusing

分享到QQ

分享到微博