Согласно примерам предполагается, что блок вкладок содержит список ссылок, каждая из которых ссылается на блок содержимого вкладки по его идентификатору:
<div id="tabs">
<ul>
<li><a href="#tab1">Header 1</a></li>
<li><a href="#tab2">Header 2</a></li>
</ul>
<div id="tab1">Content of tab 1</div>
<div id="tab2">Content of tab 2</div>
</div>
Проблема возникает, когда мне нужно поместить ее в <template>, чтобы иметь возможность вставить ее несколько раз в документ. Поскольку идентификатор должен быть уникальным во всем документе, для меня это не вариант.
Есть ли способ не использовать идентификаторы на вкладках пользовательского интерфейса jQuery?