如何将HTML添加到jQuery工具提示？

我正在尝试在我的页面上设置工具提示。列表中有7个链接都有工具提示。其中6个只使用基本设置，但其中一个需要使用较大的背景图像和自定义HTML。当我尝试配置这6个基本工具提示时，它们都会工作，但对于1个更大的HTML工具提示，什么也不会发生

这是我的密码：

    <tr><td>
    <a class="text_link" title="Tooltip text">Dental Insurance Providers</a>
</td></tr>
<tr><td>
    <a class="text_link" id="health_insurance_tooltip" >Health Insurance Providers</a>
    <div class="tooltip">           
        <a href="#">This is my html tooltip</a>
    </div>
</td></tr>

<script type="text/javascript">
    // initialize tooltip
    $("[title]").tooltip({ 
        position: "top left", 
        effect: 'slide',
        opacity: 1,
        offset: [15, 190],
        tipClass: 'small_tooltip'
        });

     $("#health_insurance_tooltip").tooltip({ 
        position: "top left", 
        effect: 'slide',
        opacity: 1,
        offset: [15, 190]
        });
</script>

<style type="text/css">
/* tooltip styling  */
.small_tooltip {
    display:none;
    background:url(/fcapps/images/tooltip/white_arrow.jpg);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#255E0D;  
    opacity:1 !important;
    }

.tooltip {
    display:none;
    background:url(/fcapps/images/tooltip/white_arrow_big.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#255E0D;  
    opacity:1;
}
</style>

//初始化工具提示
$（“[title]”）。工具提示（{
位置：“左上角”，
效果：“幻灯片”，
不透明度：1，
抵销：[15190]，
提示类：“小工具提示”
});
$（“健康保险工具提示”）。工具提示（{
位置：“左上角”，
效果：“幻灯片”，
不透明度：1，
抵销：[15190]
});
/*工具提示样式*/
.小型工具提示{
显示：无；
背景：url（/fcapps/images/tooltip/white_arrow.jpg）；
字体大小：12px；
高度：70像素；
宽度：160px；
填充：25px；
颜色：#255E0D；
不透明度：1！重要；
}
.工具提示{
显示：无；
背景：url（/fcapps/images/tooltip/white\u arrow\u big.png）；
字体大小：12px；
高度：70像素；
宽度：160px；
填充：25px；
颜色：#255E0D；
不透明度：1；
}

---

任何帮助都将不胜感激。

尝试将html嵌入到标题标记中，而不是将其作为一个独立的div。这有点不方便，因为您必须避开html中出现的任何引号，但它对我很有效。因此，请替换：

<a class="text_link" id="health_insurance_tooltip" >Health Insurance Providers</a>
<div class="tooltip">           
    <a href="#">This is my html tooltip</a>
</div>

与：

健康保险提供者

尝试将html嵌入到标题标记中，而不是将其作为一个独立的div。这有点不方便，因为您必须避开html中出现的任何引号，但它对我很有效。因此，请替换：

<a class="text_link" id="health_insurance_tooltip" >Health Insurance Providers</a>
<div class="tooltip">           
    <a href="#">This is my html tooltip</a>
</div>

与：

健康保险提供者