jQuery工具提示在页面底部追加内容

Question

我使用的是jQuery工具提示。工具提示出现在正确的位置；它在正确的时刻出现和消失。一切似乎都很正常..但是，当收费表出现时，内容也会出现在页面底部，并且不会再消失。下面是我的代码：

$(document).ready(function () {
    $(document).tooltip({
        items: "#img_help_easypay",
        show: {
            effect: "slideDown",
            delay: 250
        },
        content: function () {
            return "<span>Title</span><br />" +
                   "<p>" +
                   "   <span>bla bla bla</span><br />" +
                   "   <span>bla bla bla.</span>" +
                   "</p>"
        }
    });
});

img_help_easypay在哪里

<img id="img_help_easypay" src="/Styles/img/info.png" alt="aiuto easypay" style="vertical-align:top" />

非js错误...有谁可以帮我？谢谢。。

编辑:在页面的底部，div有日志“role=”

Answer 1

根据来自jQuery UI bugs平台的这张票，这是在jQuery UI 1.11.0中启动的一个增加可访问性的功能：http://bugs.jqueryui.com/ticket/10689

如果要从代码中完全删除附加的<div>，则必须销毁工具提示：

$(document).tooltip( "destroy" );

Answer 2

这是一个可访问性的“特性”。我只是隐藏了创建的div：

 .ui-helper-hidden-accessible {
    display:none;
}