错误:: jQuery用户界面标签：不匹配片段标识符

Question

在我看来，我使用jQuery的标签。最初寄托都为我工作得很好。但是从点击标签-1视图按钮（事件）后，当改变它contet，然后再次我使用切换到另一个标签（比如标签-2），并通过单击它回来制表1给出错误:: Eror :: jQuery的UI标签：不匹配片段标识符

脚本

<script type="text/javascript"> 
    $(function() { 
     $("#tabs").tabs({collapsible:true}); 
    }); 
</script> 

    <script type="text/javascript"> 
    $(function() { 
     $("#button").click(function() { 
      $("#tabs-1").replaceWith($("h1")) 
     }); 
    }); 

查看

<h1>Chenger heading for tab-1 after clicking the button</h1> 
    <div id="tabs"> 
<ul> 
    <li><a href="#tabs-1">Info</a></li> 
    <li><a href="#tabs-2">Address</a></li> 
    <li><a href="#tabs-3">Contacts</a></li> 
</ul> 
<div id="tabs-1"> 
    <table > 
    <tr> 
    <td>First Name</td> 
    <td><%: Model.InfoName%></td> 
    </tr> 
    <tr><td>Last Name</td><td> <%: Model.infoLastName%></td></tr> 
    <tr><td>Fathers Name</td><td> <%: Model.infoFatherName%></td></tr> 
    </table> 
    <input type="button" value="Edit" id="button" /> 
    </div> 

为什么我得到这个?????

Answer 1

<script type="text/javascript"> $(function() { $("#button").click(function() { $("#tabs-1").replaceWith($("h1")) }); });