Javascript jquery工具提示进入显示：列

我正在使用displayTag显示一些表。我想添加一个工具提示来使用jquery显示：列

这是我的密码：

<c:set var="titleName"><wp:i18n key="FILENAME"/></c:set>
<display:column  title="${titleName}" class="nowrap">       
<script type="text/javascript" >
    $(document).ready(function() {
        $('.infoTooltip${docFinancial_rowNum}').tooltip({ 
            items: 'span',
            content: "<c:out value="${docFinancial.fileNameToDisplay}" />" }).tooltip("open");;
    });
</script>           
<span id="infoTooltip${docFinancial_rowNum}"> <c:out value="${fn:substring(docFinancial.fileNameToDisplay, 0, 20)}" />...</span>
</display:column>

$（文档）.ready（函数（）{
$（'.infoTooltip${docFinancial_rowNum}'）。工具提示（{
项目：“span”，
内容：“}”）。工具提示（“打开”）；；
});
...

但它不起作用。。工具提示从未显示，我没有js错误

这是生成的HTML源代码

<td class="nowrap"><script type="text/javascript" >
        $(document).ready(function() {
            $('#infoTooltip14').tooltip({ 
                items: 'span',
                content: "I-B_2.1_529_AQUAKNIGHT_Budget A Contingency_I-B_2.1_529_AQUAKNIGHT_budget approved_customized_b" }).tooltip("open");
        });
    </script>           
    <span id="infoTooltip14"> I-B_2.1_529_AQUAKNIG...</span>
    </td>

$（文档）.ready（函数（）{
$（'#infoTooltip14'）。工具提示（{
项目：“span”，
内容：“I-B_2.1_529_AQUAKNIGHT_预算A应急I-B_2.1_529_AQUAKNIGHT_预算已批准_定制_B”}）。工具提示（“打开”）；
});
I-B_2.1_529_AQUAKNIG。。。

怎么了

谢谢

andrea

您需要使用

\

通过

id

将元素作为目标，还需要使用双反斜杠对特殊字符进行转义

\

：

$('#infoTooltip\\$\\{docFinancial_rowNum\\}').tooltip({ 
// ^-- Use # instead of . 

---

尝试使用“属性开始与选择器”：

$('[id^="infoTooltip"]').tooltip({ 

---

哎呀。。。对不起，是我复制代码的错误。。。我使用了#to target元素id，但它无论如何都不起作用。我尝试过。。同样的结果。似乎jquery对象与html对象没有关联。。。即使在页面的html源代码中，一切看起来都很好，您的代码生成的html是什么？您可以查看页面的来源吗？您的

td

是否包含在任何

tr

和

表中？否则，它是无效的HTML标记，将无法按预期工作。HTML是正确的，因为它是由displayTag库生成的。。我没有为合成付出一切。。。表被正确显示解决了：我只是使用了span title属性而没有jquery:-P它在呈现时不一样，但它可以工作