谁使用过tabbedpanel？如何增加一个tab并使它处于选中状态？

0 0

谁使用过tabbedpanel？如何增加一个tab并使它处于选中状态？0

下面的代码为什么不能实现增加一个tab并使它处于选中状态？？

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
  <head>
    <sj:head />
  <script type="text/javascript">
  $(document).ready(function(){
	  $("#test").click(function(){
		  $("#remotetabs").tabs({  
		        add: function(event, ui) {  
		            $tabs.tabs('select', '#' + ui.panel.id);  
		        }  
		    });
	  });
	});
  </script>
  </head>
  <body>
    <s:url var="remoteurl1" action="ajax1"/>
    <s:url var="remoteurl2" action="ajax2"/>
    <s:url var="remoteurl3" action="ajax3"/>
    <s:url var="remoteurl4" action="ajax4"/>
    <s:url var="remoteurl5" action="echo"/>
    <sj:tabbedpanel id="remotetabs" selectedTab="2" show="true" hide="'fade'" collapsible="true" sortable="true">
        <sj:tab id="tab1" href="%{remoteurl1}" label="Remote Tab One"/>
        <sj:tab id="tab2" href="%{remoteurl2}" label="Remote Tab Two"/>
        <sj:tab id="tab3" href="%{remoteurl3}" label="Remote Tab Three" closable="true"/>
        <sj:tab id="tab4" href="%{remoteurl4}" label="Remote Tab Four" closable="true"/>
        <sj:tab id="tab5" formIds="echoForm" href="%{remoteurl5}" label="Echo Tab"/>
        <input type="button" id="test" value="test"/>
        <input type="button" id="test2" value="test"/>
    </sj:tabbedpanel>
  </body>
</html>