Question

我正在以编程方式生成一个标签集：

$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();

当我点击“已批准”标签（行中的第三个）时，它会立即重置为第一个标签。我可以看到内容的闪光，所以我知道正确生成了Approved选项卡的内容，让我看到它们的时间很短，但它会超级跳回到第一个选项卡。有谁看到我搞砸了什么？所有其他选项卡都可以正常运行。

单击时，Jquery选项卡会立即重置

0 个答案: