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 Textbox元素。

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

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

肯定会起作用。

使用asp.net文本框的qTip2 jquery

2 个答案: