专注于新标签

时间:2013-11-26 12:29:22

标签: javascript jquery tabs

我需要您对以下方法的所有帮助。

我的要求是

1)加载包含两个标签的页面,即SEARCH和DETAILS。 2)默认情况下,不应启用DETAILS选项卡。 3)在“搜索页面”中,在重新搜索结果集时,单击结果集时,应在“详细信息”选项卡上填充详细信息。第二个选项卡应启用onclick,焦点也需要切换到DETAILS选项卡。 4)两个标签之间的导航应该是平滑的。

我目前正在研究Struts 1.3。

有人可以指导我吗?

1 个答案:

答案 0 :(得分:0)

使用active: 0创建标签{假设search标签的索引为0,即它是第一个标签),再次使用{{1}创建标签的标签标题的点击事件来自details的搜索验证active: 0 unbind事件以及click标题details tab内的click标记上的a触发器再次打开li标签时,将其点击事件绑定,以details

创建details tab
tabs

<强>脚本

active: 0

CLICK HERE FOR DEMO

DEMO FOR POPULATING DETAILS TAB ON THE BASIS OF SEARCH

注意这将使<div id="tabs"> <ul> <li><a href="#tabs-1">Search</a></li> <li id="deactive"><a href="#tabs-2">Details</a></li> //add id deactive </ul> <div id="tabs-1"> <input id="search" type="text" /> <button>Search</button> </div> <div id="tabs-2"></div> </div> 一直处于禁用状态,如果您不想要这种行为,则必须根据您的要求定制代码