Question

我正在使用jQuery工具提示为图像映射创建html工具提示。但是，当悬停发生时，工具提示会出现在整个图像下方。我希望工具提示出现在area元素旁边。我怎么做到这一点？感谢。

jQuery的：

$("#trigger1").tooltip({ 
    items: "area",
    content: "<div class='tooltipContent'><h3>1896</h3><p>Bemidji became a town</p></div>"
});

html（样本）：

    <div ice:editable="*" class="top_banner" id="top_banner" style="position: relative;">
        <img alt="" style="border-width: 0px; border-style: solid;" usemap="#Map2" src="_images/timeline2.jpg" />
        <map id="Map2" name="Map2">
        <area id="trigger1" href="#" coords="21,99,12" shape="circle" />
        </map>
    </div>

实况网页：http://www.securitybankusa.com/about-test.htm

Answer 1

您需要将工具提示配置为以您想要的方式定位。

有关职位选择的文件： http://api.jqueryui.com/tooltip/#option-position

jQuery UI - 工具提示位置错误

1 个答案: