Javascript jquery选项卡-将内容从包含的jsp切换到另一个jsp

我有一个带有jquery选项卡的主页。我的选项卡的内容是我包含的一个jsp页面：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Users</a></li>
    </ul>
    <div id="tabs-1"> <jsp:include page="users.jsp" /> </div>
</div>

此jsp页面包含一个显示用户详细信息的表。这是表格的标题： 我希望最后一列将包含一个“详细信息”链接，当它被单击时-我想 将选项卡的内容更改为显示用户详细信息的其他jsp页面

几个问题：

如何在单击时切换到第二个jsp

为了显示所请求用户的详细信息，我需要以某种方式将用户ID传递到第二个jsp页面。我该怎么做？我有一个链接，它的id是我需要的用户id：

<td><a id="<%=user.getUserID()%>">Details</a></td>

行动

用户

名称 电话1 电话2 电子邮件 单位 最后访问 细节 用户0 Num10 num20 雅达 31-03-2012 06:32:34下午 雅达 31-03-2012 06:32:34下午 雅达 31-03-2012 06:32:34下午 雅达 31-03-2012 06:32:34下午 雅达 31-03-2012 06:32:34下午 细节 5. 10 20 50 100 每页条目数 显示第页，共页 var分拣机=新的微型表格分拣机（“分拣机”）； sorter.head=“head”； sorter.asc=“asc”； sorter.desc=“desc”； sorter.even=“evenrow”； sorter.odd=“oddrow”； sorter.evensel=“evenselected”； sorter.oddsel=“oddselected”； sorter.paginate=true； sorter.currentid=“currentpage”； sorter.limitid=“pagelimit”； 分拣机初始化（“表”，1）；

---

您可以将适当的url放入选项卡锚定的href中，以允许ajax加载选项卡

---

请参阅ajax加载示例：

您可以将适当的url放入选项卡锚定的href中，以允许ajax加载选项卡

---

请参阅ajax加载示例：

找到解决方案，这应该是脚本：

 <script type="text/javascript">

$(document).ready(function() {
    $('#tabs').tabs({
        load: function(event, ui) {
            $(ui.panel).delegate('a', 'click', function(event) {
                $(ui.panel).load(this.href);
                event.preventDefault();
            });
        }
    });

    $("#tabs").bind('tabsselect', function(event, ui) {
        window.location.href=ui.tab;
    });

});

</script>

$（文档）.ready（函数（）{
$（'#制表符'）。制表符({
加载：函数（事件、用户界面）{
$（ui.panel）.delegate（'a'，'click'，函数（事件）{
$（ui.panel）.load（this.href）；
event.preventDefault（）；
});
}
});
$（“#制表符”）.bind（'tabsselect'，函数（事件，用户界面）{
window.location.href=ui.tab；
});
});

以及资讯科技的用途：

<div id="tabs">
        <ul>
            <li><a href="users.jsp"><span>Users</span></a></li>
            <li><a href="conference.jsp"><span>Conferences</span></a></li>
            <li><a href="companies.jsp"><span>Companies</span></a></li>
        </ul>
</div>

例如，这就是为什么第一个选项卡的内容是users.jsp。在usrs.jsp中，我使用以下链接：

<td><a href="userDetails.jsp?userid=<%=user.getUserName()%>"> <img src="/conf4u/resources/imgs/yada.png" alt=""> Details </a> </td>

---

现在，单击userDetails.jsp时，它会在同一选项卡中打开。

找到解决方案，这应该是脚本：

 <script type="text/javascript">

$(document).ready(function() {
    $('#tabs').tabs({
        load: function(event, ui) {
            $(ui.panel).delegate('a', 'click', function(event) {
                $(ui.panel).load(this.href);
                event.preventDefault();
            });
        }
    });

    $("#tabs").bind('tabsselect', function(event, ui) {
        window.location.href=ui.tab;
    });

});

</script>

$（文档）.ready（函数（）{
$（'#制表符'）。制表符({
加载：函数（事件、用户界面）{
$（ui.panel）.delegate（'a'，'click'，函数（事件）{
$（ui.panel）.load（this.href）；
event.preventDefault（）；
});
}
});
$（“#制表符”）.bind（'tabsselect'，函数（事件，用户界面）{
window.location.href=ui.tab；
});
});

以及资讯科技的用途：

<div id="tabs">
        <ul>
            <li><a href="users.jsp"><span>Users</span></a></li>
            <li><a href="conference.jsp"><span>Conferences</span></a></li>
            <li><a href="companies.jsp"><span>Companies</span></a></li>
        </ul>
</div>

例如，这就是为什么第一个选项卡的内容是users.jsp。在usrs.jsp中，我使用以下链接：

<td><a href="userDetails.jsp?userid=<%=user.getUserName()%>"> <img src="/conf4u/resources/imgs/yada.png" alt=""> Details </a> </td>

---

现在，单击userDetails.jsp时，它会在同一选项卡中打开。

您可以通过view sourcrdone发布html…jsp转换的html，添加视图源，谢谢扫描您通过view sourcrdone发布html…jsp转换的html，添加视图源，谢谢