Question

我正在使用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>

但它不起作用..工具提示永远不会显示，我没有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>

怎么了？

由于

安德烈

Answer 1

您需要使用#按id定位元素，还需要使用双反斜杠\\来转义特殊字符：

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

尝试使用属性start with selector：

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

jquery工具提示显示：列

1 个答案: