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插入,我必须添加它