qTip2 jquery 与 asp.net 文本框答案

【问题标题】：qTip2 jquery with asp.net textboxqTip2 jquery 与 asp.net 文本框
【发布时间】：2013-05-14 14:13:27
【问题描述】：

如何使用 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"/>

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

问候

【问题讨论】：

标签： jquery asp.net

【解决方案1】：

您应该等待文件准备好：

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

【讨论】：

你确定qtip插件已经加载了吗？有什么理由使用 jquery 1.3.2？
jquery 1.3.2 在包中。如何检查 qtip 插件是否已加载？问候

【解决方案2】：

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

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

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

肯定会成功的。

【讨论】：