タブを含む要素を表示する方法を示すために、jQuery タブのドキュメントには次の例が示されています。
$('#example').tabs();
ページに複数のタブが必要なため、例を次のように変更しました。
$('.example', parentEl).tabs();
親要素には tabs 要素が 1 回しか含まれないため、これは期待どおりに機能します。ただし、各タブのコンテンツには ID 属性が必要です。
<div class="tabs">
<ul>
<li><a href="#One" class="TabLink"><span>One</span></a></li>
<li><a href="#Two" class="TabLink"><span>Two</span></a></li>
</ul>
<div id="One"></div>
<div id="Two"></div>
</div>
複数のタブ (ユーザー イベントから生成される) があるため、実際には ID を使用するべきではありませんか?