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工具提示進入顯示：列

回答

相關問題