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

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

我正在尝试此代码以添加新选项卡

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

---

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

也许你可以隐藏和显示它……我正在尝试根据我的要求动态添加新选项卡和删除选项卡。我编写的代码在chrome上运行良好，但在Firefox中产生错误@蒂尔文·乔伊：这看起来不错，你能提供一个工作环境以便我们调试它吗。。？

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