使用ui选项卡动态添加或删除选项卡

Question

我正在尝试制作一个功能，当我点击任何菜单时，我需要动态创建标签。与该菜单相关的内容应在新标签中打开。

我正在尝试使用此代码添加新标签

$("#tabs").children('ul').append('<li><a href="#' + attrHref + '" >' + attrHref + '</a>         
 <span href="javascript:void(o);" style="cursor:pointer;" id="removeTab"><img height="17"     
  style="margin-right:4px;margin-left:-12px" src="./Content/Images/delete_icon.png" />
  </span>');
    $("#tabs").append('<div id="' + attrHref + '">' + attrHref + ' Content</div>');
    $("#tabs").tabs('refresh');

要删除我使用以下代码的标签：

    $(document).on("click", "#removeTab", function (e) {
    var id = $(this).parent().attr('aria-controls');
    $(this).parent().remove();
    $("#" + id).remove();
    $("#tabs").tabs('refresh');
});

它适用于chrome和firefox，但在IE中产生错误。