Question

我的要求是开发一个有三个标签的页面前两个选项卡将包含我们网站中已有的页面，第三个选项卡将是新页面所以，因为我想利用我们已经拥有的两个页面。我决定使用jquery UI标签的ajax功能。

代码如下所示：

<div id="tabs">
  <ul>
     <li><a href="/failedReport.jsp?isIdentity=true&hohPHA=<%=request.getParameter("Code")%>">Failed Report</a></li>
     <li><a href="/Verificationreport.jsp?isIdentity=true&hohPHA=<%=request.getParameter("PHA_Code")%>">Verification Report</a></li>
     <li><a href="/VerificationReportNew.action?phaValue=<%=request.getParameter("PHA_Code")%>">Verification New</a></li>
  </ul>
</div>

新页面只包含这三个选项卡，这些选项卡正在调用其他页面。

到目前为止一切正常。

问题是：第一个选项卡failedReport.jsp在其中包含服务器端分页。因此，如果用户位于第一个选项卡上并单击failReport.jsp内的分页链接，那么我的选项卡将从窗口中消失，并且控制仅提供给failedReport.jsp。为了解决这个问题，我开始设置一些属性并在failedReport.jsp中添加相同的上述选项卡，但它们仅在用户点击分页链接时显示。但是在分页后加载页面时。它再次自动再次调用第一个标签

有更好的方法吗？有人遇到同样的问题吗？

Answer 1

查看此文档： http://docs.jquery.com/UI/Tabs#...open_links_in_the_current_tab_instead_of_leaving_the_page

$('#example').tabs({
    load: function(event, ui) {
        $('a', ui.panel).click(function() {
            $(ui.panel).load(this.href);
            return false;
        });
    }
});

您可以使“a”选择器更具体，仅针对分页链接。

面对jquery ui标签策略的问题

1 个答案: