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

这是工具提示的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，并将其显示在模板的页脚下。我有什么问题？谢谢

看起来您忘记从jquery-ui.structure.css文件复制类ui-helper hidden accessible和ui-helper hidden的css规则：

---

如果您可以检查css，则看起来像是z索引问题。如果您没有正确包含jquery ui css文件，则可能会出现这种行为。感谢您的回复，我已编辑了我的jquery ui css文件，并且此属性：。ui工具提示{填充：8px；位置：绝对；z索引：2000；最大宽度：300px；颜色：fff；背景色：54c5d0；字体：12px'Segoe UI'；转换计时功能：ease；边框半径：200px}我应该再添加属性吗？谢谢，我忘记为我的tootip复制所有样式属性了

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