jquery - qTip2 jquery 与 asp.net 文本框

Question

如何使用 asp.net 文本框实现 jquery 插件 qTip2 http://craigsworks.com/projects/qtip2/ ？（鼠标悬停时优雅的工具提示）

<script type="text/javascript" src="../chosen/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../chosen/jquery.qtip-1.0.0-rc3.min.js"></script>
<script>
    $('tbLoginName').qtip({
        content: 'This is an active list element',
        show: 'mouseover',
        hide: 'mouseout'
    })
</script>
<asp:TextBox CssClass="textbox" ID="tbLoginName" name="tbLoginName" runat="server"/>

这是我的代码，但它不起作用。我做错了什么？

问候

Answer 1

您应该等待文件准备好：

$(function () { //shorthand for $(document).ready(function(){...});
    $('tbLoginName').qtip({
        content: 'This is an active list element',
        show: 'mouseover',
        hide: 'mouseout'
    })
});

Answer 2

请使用下面的代码作为 asp.net 文本框元素。

$(function () {
    $("[id$='_txtTest']").tooltip();
});

<asp:TextBox ID="txtTest" runat="server" ToolTip="TOOLTIP"></asp:TextBox>

肯定会奏效的。