下面代码有几次不懂得地方，大家路过帮忙指教指教。

0 0

下面代码有几次不懂得地方，大家路过帮忙指教指教。0

1.这段代码里的：xxxTopics作用是什么？
2.为什么我快速点击test按钮添加tab，有时候不能自动选择第一个tab?怎么解决？
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
 <head>
 	<sj:head locale="zh-CN" jquerytheme="start" />
	<script type="text/javascript">			
			$(document).ready(function() {
				  $("#test").click(function(){
					  $("#remotetabs").tabs('add','n1','n1',0);
				});
				$.subscribe('tabcomplete', function(event,ui) {										
						$("#remotetabs").tabs({
			                add: function(event, ui) {			                				                	
			                	$(this).tabs('select', 0);
			                }
			            });  											
				});
				$.subscribe('onchange', function(event,ui) {					
					var tab = event.originalEvent.ui.index;
					if(!$("#selectedTab").val()){
						$("#selectedTab").val(tab);
					}
				});
		   	});
	</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"/>
    <div>
	    <sj:tabbedpanel id="remotetabs"
	     onCompleteTopics="tabcomplete" 
	     onChangeTopics="onchange"	       
	     selectedTab="2" 
	     show="true" 
	     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>
    </div>
  </body>
</html>