Question

我的Stackoverflow，

我正试着弄清楚工具提示，以显示我的asp：Repeater控件中每个项目的描述。问题是我的jquery必须循环遍历所有div并生成.tooltip（）。我试图在jQuery中使用each（）函数，但是没有工具提示出现： - /

我目前的代码：

<script type="text/javascript">
$(document).ready(function () {
    $('.tooltip').each(function (index, domEle) {
        domEle.tooltip();
    });
});
</script>

我的转发器：

<asp:Repeater ID="rptListPartners" runat="server">
<HeaderTemplate>
<table border="0" cellpadding="7" cellspacing="0">
</HeaderTemplate>
<ItemTemplate>  
    <tr>
        <td style="font-family:Verdana; font-size:11px; height: 18px; width:400px;">
            <div id="data_tooltip_from_div" style="display:none;"> <%#Eval("profile") %></div>
                 <a id="tooltip_from_div" href="#" class="tooltip"> <%#Eval("name") %>, <%#Eval("address") %>, <%#Eval("zip") %> <%#Eval("city") %> <a href='<%#Eval("homepage") %>' target="_blank"><img src='/kort/www.png' /></a></a>
            </td>
            <td style="font-family:Verdana; font-size:11px; height: 18px;"><%#Eval("phone") %></td>               
    </tr>
</ItemTemplate>
<FooterTemplate>
    </table>
</FooterTemplate> 
</asp:Repeater>

这种方法是完全关闭的，还是？： - ）

任何提示都将不胜感激！

提前致谢！

Answer 1

在.each() domEle内部直接引用DOM元素，而不是具有.tooltip()插件方法的jQuery对象...所以它应该如下所示：

$(document).ready(function () {
    $('.tooltip').each(function (index, domEle) {
        $(domEle).tooltip();
    });
});

但是......它是一个插件，所以根本不需要循环：

$(document).ready(function () {
    $('.tooltip').tooltip();
});

ID必须是唯一的...它不会导致错误，但如果重复有效则将其删除，以后再避免其他问题。您已经拥有了所需的课程，可以选择您在此之后的元素。

此外，您应该使用当前的方法在控制台中看到JavaScript错误，这将告诉您究竟发生了什么。如果您在没有控制台的浏览器中，我建议您使用Firefox和FireBug来使用它，或Chrome和它包含的开发人员工具。

jQuery获取具有特定id的所有div

1 个答案: