我正在尝试循环jquery选项卡代码，但不起作用，我正在为此使用此插件 https://jqueryui.com/tabs/它无法在循环中工作，我做错了什么？
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div id="tabs">
<ul>
<?php
$camps=20;
for($i=1; $i<=$camps; $i++)
{
echo '<a href="#tabs-' .$i . '" id="titleee">Campaign ' . $i . '</a>';
}
?>
</ul>
<?php
$camps1=20;
for($i1=1; $i1<=$camps1; $i1++)
{
echo '<div id="tabs-'.$i1.'">';
echo $i1;
echo '</div>';
}
?>
</div>
在这种情况下，ID 不需要是唯一的，即可使选项卡正常工作。问题是您没有用li元素包装a标签。尝试用li元素包装第一个循环选项卡：
<div id="tabs">
<ul>
<?php
$camps=20;
for($i=1; $i<=$camps; $i++) {
echo '<li><a href="#tabs-' .$i . '" id="titleee">Campaign ' . $i . '</a></li>';
}
?>
</ul>
<?php
$camps1=20;
for($i1=1; $i1<=$camps1; $i1++) {
echo '<div id="tabs-'.$i1.'">';
echo $i1;
echo '</div>';
}
?>
</div>
演示（具有相同的 ID）
但是，嘿，当然，您需要使ID唯一。 :)