如何使用tab插件实现动态加载选项卡

[guan_tu]

js代码如下：

<script type="text/javascript">
	$(document).ready(
		function(){
			$("#tabs").tabs(
			{
			beforeLoad:function(event,ui){
				ui.jqXHR.error(
					function(){	//加载失败时执行的函数
						ui.panel.html("ajax load error.");
					}
				)
			}
			});
		}
	)
	
	</script>

html代码:

<div id="tabs">
   <ul>
      <li><a href="#tabs-1">本地加载效果</a></li>
      <li><a href="server.jsp">服务器动态加载效果</a></li>
      <li><a href="server1.jsp">服务器加载错误效果</a></li>
   </ul>
   <div id="tabs-1" >
      <p>Tab 1 content</p>
      <p>Tab 1 content</p>
   </div>

这样每当我第一次访问页面时都会执行 beforeLoad对应的函数，请问如何实现，单击第一个超链接只显示页面对应的内容，单击其它的才会去加载服务器并且返回,并且第一次打开网页时不会执行beforeLoad的函数？

[guan_tu]

刚开始自学jquery，书上写的不是很清楚，问的问题可能比较幼稚，希望大家回答的详细点哪~~