jQuery tooltip append content in bottom of the pag

问题:

I am using a jQuery tooltip. The tooltip appears in the correct place; It appears and disappears in the correct moment. Everything seems to work correctly.. BUT When the toltip appear, the content appear ALSO in tne bottom of the page and it does not disappear anymore. Here my code:

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

Where img_help_easypay is

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

Non js error... Can anyone help me? Thank you..

EDIT: In bottom of page the div has role="log"

回答1:

According to this ticket from the jQuery UI bugs platform, this is a feature started in jQuery UI 1.11.0 to increase accessibility : http://bugs.jqueryui.com/ticket/10689

If you want to entirely remove the appended <div> from your code, you have to destroy the tooltip :

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

回答2:

This is an accessibility "feature". I just hide the created divs:

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