Javascript 关注新标签

我需要你的帮助来实现以下方法

我的要求是

1） 加载包含两个选项卡的页面，即搜索和详细信息。 2） 默认情况下，不应启用“详细信息”选项卡。 3） 在搜索页面中，检索结果集时，单击结果集，应在“详细信息”选项卡上填充详细信息。第二个选项卡应该在单击时启用，焦点还需要转移到详细信息选项卡。 4） 两个选项卡之间的导航应平滑

我目前正在研究Struts 1.3

---

有人能给我介绍一下吗？

创建带有

活动的选项卡：0

（假设

搜索

选项卡的索引为0，即它是第一个选项卡）单击

详细信息的选项卡标题事件

再次创建选项卡，并启用

活动：0

搜索验证

解除绑定
详细信息选项卡
中的事件

单击

详细信息选项卡

并触发

详细信息选项卡

标题内的标签li再次打开绑定它的单击事件以创建

选项卡

，其中

处于活动状态：0

<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>

---

注意这将始终禁用

详细信息选项卡

，如果您不希望这种行为，您必须根据您的要求定制代码

您的意思是

浏览器的选项卡吗？没有用户定义的选项卡。。使用jquery我认为这些选项卡是jqueryui选项卡。到目前为止你试过什么？听起来不难。我试过把焦点放在标签上。但是我的详细信息没有打开标签。基本上注意力没有转移。是的，我正在使用jquery ui选项卡hank@UDB。。我会尝试你的解决方案，让你know@Priya您还可以将
id
分配给
搜索
标题“li”，例如
，然后不调用
$（“#tabs”）.tab（{active:0}）
在
\deactive
的click事件的回调中，您可以使用
$（“#active>a'）。click（）
$("#tabs").tabs({
  active: 0
});

$('#deactive').click(function () {

    $('#tabs').tabs({

        active: 0 //refer to api documentation of jquery ui-tabs
    })
})

$('button').click(function () {
     var value = $('#search').val().toLowerCase()

     if (value == " your comparison/validation criteria ") {

         $('#deactive').unbind('click')
         $('#deactive >a').trigger('click')

         $('#deactive').click(function () {

             $('#tabs').tabs({
                 active: 0 //refer to api documentation of jquery ui-tabs
             })
         })
     }
})