jquery工具提示进入显示：列

我使用displayTag显示一些表。我想添加一个工具提示显示：使用jQueryjquery工具提示进入显示：列

这里列是我的代码：

<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>

但它不工作..从不显示工具提示和我没有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>

有什么不对？

感谢

安德烈

来源

2014-04-01 Andrea

解决方案：我只是使用没有jQuery的span标题属性:-P 它呈现时不一样，但它的工作原理 – Andrea

您需要使用#通过id目标元素，你还需要使用双反斜线\\逃避特殊字符：

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

尝试使用属性从选择器开始：

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

来源

2014-04-01 16:10:38 Felix

oops ...对不起，这是我的错误复制代码...我使用＃目标元素身份证，但它无法正常工作 – Andrea

尝试我更新的代码。 – Felix

我试了一下..相同的结果。它似乎是jQuery的对象不与html对象关联...即使在页面的html源代码中一切看起来不错 – Andrea

jquery工具提示进入显示：列

回答

相关问题