Question

我已经搜索了两个小时，发现这个问题被问了几十万次，但从未真正回答过：

我是否可以通过jQuery UI在鼠标悬停表行时为我提供工具提示弹出窗口？我试过这个：

$('*').tooltip({ content: "hello world" });

这给了我一些元素的工具提示，而不是其他元素。非常感谢任何见解。

编辑：

标记样本：

<asp:Panel ID="pnlWrapperMainTable" runat="server">

    <!--    Main data table  -->
    <table id="tblDisplayEDD" class="c_grid_table" border="0">

        <thead>
            <tr>
                <th  class="c_grid_head">Field ID</th>
                <th  class="c_grid_head">Field Name</th>
            </tr>   
        </thead>

        <tbody>

        <asp:Repeater ID="rptrMainTable" runat="server">
            <ItemTemplate>
                <tr class="c_grid_row">
                    <td class="c_grid_cell" style="text-align: left;">   
                    <%#Eval("FieldID")%></td>
                    <td class="c_grid_cell"><%#Eval("FieldName")%></td>
                </tr>
            </ItemTemplate>

            </asp:Repeater>

        </tbody>

    </table>

</asp:Panel>

Answer 1

试用和错误的小时数显示了一个简单的解决方案：您希望拥有工具提示的任何控件都必须具有“标题”属性。 Title =''会很好，你可以在鼠标悬停时更改'title'标签的值。

Answer 2

如果您提供更多信息会更好，请不要提供有关您想要做的事情的更多信息。我举了一个关于你的问题理解的小例子。

jsFiddle

的.js

$(document).tooltip({
items:"[title],[data-title]",
content: function () { 
    var element = $(this);
    if ( element.is( "[data-title]" ) ) {
        return element.data("title");
        }
    if ( element.is( "[title]" ) ) {
       return element.attr( "title" );
        }
    }
});

带有工具提示输入的

Example

Answer 3

请参阅此页：http://api.jqueryui.com/tooltip/#option-items

有关于使用不同html标签而不是“title”属性的方法的信息。

在我的情况下，我在td标签上使用了这个代码的工具提示：

HTML

<td class="to"></td>

的Javascript

$(".to").tooltip({
    items: "td",
    content: "My content :)"
});

此致

是否可以在表行上使用jQuery UI工具提示？

3 个答案: