以下のようにasp.netユーザーコントロールをラップすることにより、jQueryUIを使用してタブを作成する一般的な方法を使用しました-
<div id="tabs">
<ul>
<li><a href="#tab1">Schools</a></li>
<li><a href="#tab2">Colleges</a></li>
</ul>
<div id="tab1">
<uc:schools id="ucSchools" runat="server" />
</div>
<div id="tab2">
<uc:colleges id="ucColleges" runat="server" />
</div>
</div>
タブは素晴らしい働きをしますが、jQueyui.cssを含みます。ユーザーコントロールのすべてのコンテンツを通常より大きくしました。
<link href="jquery-ui.css" rel="stylesheet" type="text/css" />
jqueryui.cssでスタイルシートとの名前の衝突は見られません。
この問題が発生した場合は、cssを微調整してdivサイズを含め続ける方法を提案してくださいintact
。