Javascript 当我单击Jquery选项卡时,它会立即重置

Javascript 当我单击Jquery选项卡时,它会立即重置,javascript,jquery,jquery-tabs,Javascript,Jquery,Jquery Tabs,我以编程方式生成选项卡集,如下所示: $statusTabs = $("<div class='statusTabs' id='statusTabs'></div>"); $headers = $("<ul>" + "<li><a href='#awaitingApprovalTab'> Awaiting Approval </a></li>" + "<li><a h

我以编程方式生成选项卡集,如下所示:

$statusTabs = $("<div class='statusTabs' id='statusTabs'></div>");
$headers = $("<ul>" + 
    "<li><a href='#awaitingApprovalTab'>    Awaiting Approval   </a></li>" +
    "<li><a href='#pendingTab'>             Pending             </a></li>" +
    "<li><a href='#approvedTab'>            Approved            </a></li>" +
    "<li><a href='#changesRequiredTab'>     Changes Required    </a></li>" +
    "<li><a href='#changesSubmittedTab'>    Changes Submitted   </a></li>" +
    "<li><a href='#duplicateTab'>           Duplicate           </a></li>" +
    "<li><a href='#deniedTab'>              Denied              </a></li>" +
    "</ul>");

$awaitingApproval = $("<div class='group' id='awaitingApprovalTab'></div>");
$pending =          $("<div class='group' id='pendingTab'></div>");
$approved =         $("<div class='group' id='approvedTab'></div>");
$changesRequired =  $("<div class='group' id='changesRequiredTab'></div>");
$changesSubmitted = $("<div class='group' id='changesSubmittedTab'></div>");
$duplicate =        $("<div class='group' id='duplicateTab'></div>");
$denied =           $("<div class='group' id='deniedTab'></div>");

$statusTabs.append($headers);
$statusTabs.append($awaitingApproval);
$statusTabs.append($pending);
$statusTabs.append($approved);
$statusTabs.append($changesRequired);
$statusTabs.append($changesSubmitted);
$statusTabs.append($duplicate);
$statusTabs.append($denied);

$statusTabs.tabs();
$statusTabs=$(“”);
$headers=$(“
    ”+ “
  • ”+ “
  • ”+ “
  • ”+ “
  • ”+ “
  • ”+ “
  • ”+ “
  • ”+ “
”; $waitingapproval=$(“”); $pending=$(“”); $approved=$(“”); $changesRequired=$(“”); $changesSubmitted=$(“”); $duplicate=$(“”); $denied=$(“”); $statusTabs.append($headers); $statusTabs.append($waitingapproval); $statusTabs.append($pending); $statusTabs.append($approved); $statusTabs.append($changesRequired); $statusTabs.append($changesSubmitted); $statusTabs.append($duplicate); $statusTabs.append($denied); $statusTabs.tabs();

当我单击“Approved”选项卡(行中的第三个选项卡)时,它会立即重置回第一个选项卡。我可以看到内容的闪现,因此我知道已批准选项卡的内容正在正确生成,这让我看了一会儿,但它很快跳回第一个选项卡。有人看到我搞砸了什么吗?所有其他选项卡都能正常工作。

您能告诉我们调用jQuery UI tab()函数的行吗?你确定要在制表符生成后调用它吗?为什么要附加两次制表符,其中一个是在它们存在之前…?请发布一个完整的代码示例,以便我们可以重新创建问题,而不是推测。我在制表符调用中进行了编辑,只是一个平面的.tabs()。编辑出双拷贝,这是一个拷贝/粘贴goofworks在这里很好。您的代码没有显示DOM插入,我必须添加它