javascript - 如何将 jquery 工具提示与 asp.net 文本框连接起来

Question

我尝试将一些 jquery 插件工具提示与 asp.net 文本框连接，但结果失败。

这是我的代码：

<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.js"></script>
<script>
    $(function () { //shorthand for $(document).ready(function(){...});
        $('textbox').qtip({
            content: 'Short hand notation'
        })
    });
</script>

 <asp:TextBox CssClass="textbox" ID="textbox" name="textbox"
 runat="server"/>

错误：

qtip 不是函数

有没有人可以告诉我如何将一些优雅的 jquery 工具提示插件与来自 asp.net 的标准文本框连接起来？

问候

Answer 1

你可以试试这个：为了更安全，不要对文本框使用相同的 ID 和 CSS 类名。

<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.js"></script>

<script>
$(function () {
    $('myTextbox').qtip({
        content: 'Short hand notation',
        show: 'mouseover',
        hide: 'mouseout'
    })
});
</script>

<asp:TextBox CssClass="textbox" ID="myTextbox" name="myTextbox" runat="server"/>