使用 HTML5 <object> 元素手动隐藏 twitter 引导工具提示的错误

Question

对于我的第一个 JavaScript 应用程序，我正在构建一个基于小部件的设计器，并使用各种基于 SVG 的小部件，这些小部件包含在带有对象标签的 HTML 主体中。当用户单击小部件对象时，我试图关联引导工具提示，但是在其他非对象 HTML 元素上使用工具提示时，我遇到了奇怪的错误。

由于对象标签会吞下鼠标事件，因此无法通过悬停触发工具提示，我可以开始工作以显示工具提示的唯一组合是以下代码（没有其他工作，引导程序抱怨）：

document.getElementById(widgetName).setAttribute("title", param0);
setTimeout(function () {
     $("#" + widgetName).tooltip("show");
     }, 1);              // attribute needs to be set after the next tick so the DOM is refreshed.
setTimeout(function () { $("#" + widgetName).tooltip("hide"); }, 2000); // 2 sec delay before hiding

此代码显示工具提示，但在 2 秒超时以隐藏工具提示后，无法在 IE10 中获取未定义或空引用的属性“originalTitle”。我不能使用工具提示对象选项（例如延迟选项），因为我得到了同样的错误。 Chrome 中同样的问题，虽然 Chrome 没有报告错误（虽然没有隐藏）。

我确信这与尝试在对象标签上使用工具提示有关，因为工具提示在其他情况下正常工作。但是，我对 JavaScript 还很陌生，所以如果我在做一些愚蠢的事情，请告诉我，而且 bootstrap/Jquery 代码太复杂，我无法追踪错误。

使用：HTML5、IE10、最新的 twitter bootstrap、visual studio 2012 web

感谢任何帮助/指点。

更新：添加了将对象插入 DOM 的代码

    var objWidget = document.createElement("object");
    objWidget.type = "image/svg+xml";
    objWidget.data = "widgets/" + widgetFile + "." + widgetExt      // location of widget
    objWidget.className = "widget"
    var widgetName = "objWidget" + widgetNum;
    targetDiv = "widgetContainer"
    objWidget.id = widgetName;
    document.getElementById(targetDiv).appendChild(objWidget);   // Add to Div
    var objID = document.getElementById(widgetName);
    objID.addEventListener("load", function () {      // access properties once the file is loaded
        var objDoc = objID.contentDocument;
        objDoc.addEventListener("dragstart", drag_start, false);
        objDoc.addEventListener("dragover", drag_over, false)
        objDoc.addEventListener("drop", drop, false)
        objDoc.getElementById("widget").setAttribute("data-widgetName", widgetName);   // set a data attribute on the SVG that points to the parent object as object that created the event isn't recorded in the event.currentTarget
        objID.setAttribute("draggable", "true")
        objID.style.setProperty("position", "absolute");
        objID.style.setProperty("left", objLeft + "px");
        objID.style.setProperty("top", objTop + "px");
        objID.style.setProperty("z-index", widgets[widgetNum].zOrder);
        objDoc.defaultView.loaded(widgetName);         // run widget startup routine only if it isn't a new widget
        objDoc.defaultView.addEventListener("click", widgetClick, false);
        objDoc.defaultView.addEventListener("dblclick", widgetDblClick, false);
    }, false);

Answer 1

我测试您的代码（将工具提示添加到 svg 标签）请参阅：http://bootply.com/64598 FF 和 chrome 没有问题