Question

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

$(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 =“log”

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;
}

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

2 个答案: