jQuery Tabs

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script><!-- 引入jQuery -->(type A) //在同一個頁面上進行
$(function(){  $( "somevalues" ).tabs();});
<div id="somevalues">  <li><a href="#divid-1">TagName-1</a></li>  <li><a href="#divid-2">TagName-2</a></li>  <li><a href="#divid-3">TagName-3</a></li>   <div id="divid-1">  1  </div>  <div id="divid-2">  2  </div>  <div id="divid-3">  3  </div></div>
(type B) 用C#畫出圖形aspx
$(function(){  $.post(url , somevalue : somevalue , function (ResponseData){    $(ResponseData).dialog({    // dialog something    }).tabs();  },'html');});

post到下一個url後使用參數執行。
C#//用C#畫表string something = Request.Form["somevalue"].ToString();
StringBuilder sb = new StringBuilder
sb.AppendLine("<div id=\"tabs\">");
sb.AppendLine("<ul>");sb.AppendLine("<li><a href=\"#Main\">Main</a></li>");sb.AppendLine("</ul>");

sb.AppendLine("<div id=\"Main\">");
sb.AppendLine(something);
sb.AppendLine("</div>");

sb.AppendLine("</div>");

(type C) //用html畫出圖形

1.aspx

$(function(){  $.post(url , somevalue : somevalue , function (ResponseData){    $(ResponseData).dialog({    // dialog something    }).tabs();  },'html');});

2.aspx

//do html

C#

//do business