如何使用asp.net文本框连接jquery工具提示

时间:2013-05-14 17:12:01

标签: javascript jquery html asp.net

我尝试将一些jquery插件工具提示与asp.net Textbox连接,但失败的结果。

这是我的代码:

<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的标准文本框连接起来?

问候

1 个答案:

答案 0 :(得分:1)

你可以试试这个:为了更安全的一面,不要使用相同的ID&amp; Textbox的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"/>