为什么jQuery UI工具提示会为标题创建另一个div？

Question

这是我的工具提示的jQuery UI代码：

$(function(){
    $(document).tooltip({
        track:true  
    });
});

这是wordpress的标题代码：

<div class="contentImage" title="<?php the_title(); ?>">
    <?php if ( has_post_thumbnail()) the_post_thumbnail('home-thumb'); ?>
</div>

它有效，它显示工具提示，但我的问题是当我将鼠标悬停在内容图像上时，虽然它显示了工具提示，但它创建了一个带有标题值的div，并在我的模板的页脚下显示它。我的问题是什么？谢谢！

Answer 1

您似乎忘了复制课程 ui-helper-hidden-accessible 和 ui-helper-hidden 来自 jquery-ui.structure.css 文件：

.ui-helper-hidden {
   display: none;
}
.ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}