在替换以下示例的div的outerHTML之后,jQuery选项卡无法正常工作:outerHTML没有变化,但仍然无法使用制表符更改.为什么?
当我尝试点击工作但HTML不替换选项卡.
$("#prod5").tabs({
create: function (event, ui) {
debugger;
event.target.innerHTML == jqXHR;
}
});
function data() {
var replce = $("#tabs").html();
$("#tabs").html(replce);
$("#tabs").tabs('refresh');
}
<div id="tabs" class="col eleven-cols tabs-tt">
<div class="col three-cols contentfontmedium translatetext" id="prod5">
<ul class="col three-cols contentfontmedium" id="prod6">
<li><a href="#tabs-1">1</a></li>
<li><a href="#tabs-2">2</a></li>
</ul>
</div>
<div id="subMenus">
<div id="tabs-1" class="col eight-cols" style="padding-right: 0%; padding-top: 0%;">
tab1
</div>
<div id="tabs-1" class="col eight-cols" style="padding-right: 0%; padding-top: 0%;">
tab2
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我正在使用jQuery获取outerHTML"
$("#" + id + "")[0].outerHTML;
Run Code Online (Sandbox Code Playgroud)
并使用jQuery替换outerHTML
$("#" + id …Run Code Online (Sandbox Code Playgroud)