创建提示标题答案

【问题标题】：Creating a cluetip title创建提示标题
【发布时间】：2013-08-06 23:03:47
【问题描述】：

我有一个提示提示，当用户单击链接时会显示。显示提示时，我希望它有一个标题，但它不想显示标题。

$('#spouseMortalityImage').cluetip({ 
    titleAttribute: 'alt',
    titleAttribute: 'Title',
    sticky: 'true',
    closeText: '<img align="right" width="16px" height="16px" src="../images/buttonTip.gif" alt="close" />',
    closePosition: 'title', 
    ajaxSettings:{
        data:{
            age:"<%= personalInfoBean.getSpouseAge()%>",
            gender:"<%= personalInfoBean.getSpouseGender()%>",
            country:$("input[name=planningCountry]").val(),
        }
    }
});

我希望显示标题但不显示。这是我使用的 HTML。

<td class="centerAlignedContext" width="50%">
    <pp:text name="personalInfoBean" property="clientMortality" size="8" maxlength="3" style="text-align:center;" styleClass="wamoney" />
</td>
<td width="20%">  
    <a class="title" href="#" title="Chance of Survival"></a>
    <img id="clientMortalityImage" style="height:15px;" src="../images/suggestion.jpg" rel="ProbabilityOfSurvival.do"/>
</td>

【问题讨论】：

你的 html 是什么样的？您还有两个 titleAttribute 属性。

标签： javascript jquery cluetip

【解决方案1】：

我从未使用过这个插件，但通过阅读文档，我想建议一些可能有效的更改。在您的 JQuery 代码中，进行这些更改并尝试一下：

删除所有titleAttribute 选项。
将title 属性（如<img id="spouseMortalityImage" title="Hello"/>）添加到您在Jquery 中显示的ID 为spouseMortalityImage 的正确标签中。在您当前发布的标记中，我没有看到此元素。相反，我看到一个 ID 为 clientMortalityImage 的 <img> 标签

【讨论】：

当我将 closePosition 更改为“顶部”时，我的按钮不显示，并且 showTitle 为真。
您的 JQuery 似乎将线索提示放在 ID 为 spouseMortalityImage 的元素上，我猜这只是您在标记中发布的另一个图像，例如 clientMortalityImage。您能否将 closePosition 更改回 'title' 并完全删除 Jquery 中的 titleAttribute 选项。而是在您希望在悬停时显示线索提示的 <img> 标记中添加 title 属性，例如 title="Hello"。
让我知道这是否可行。很抱歉之前的建议没有奏效。正如我所说，我不熟悉这个插件。
太好了！我已经编辑了我的答案，以包括我在评论中写的内容。请将答案标记为正确，以便有类似问题的人得到解决方案。