创建一个cluetip标题

时间:2013-08-06 14:09:55

标签: javascript jquery cluetip

我有一个用户点击链接时显示的线索。显示提示时,我希望它有一个标题,但它不想显示标题。

$('#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>

1 个答案:

答案 0 :(得分:2)

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

  • 删除所有titleAttribute选项。
  • 在您的标记中添加title属性<img id="spouseMortalityImage" title="Hello"/>,将其添加到您在Jquery中显示的标识为spouseMortalityImage的正确标记。在您当前发布的标记中,我没有看到此元素。相反,我看到标识为<img>
  • clientMortalityImage代码