2013-05-14 81 views
-1

我怎样才能实现jquery插件qTip2 http://craigsworks.com/projects/qtip2/与asp.net文本框? (优雅的鼠标悬停工具提示)qTip2 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.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"/> 

这是我的代码,但它不工作。我做错了什么?

问候

回答

2

您应该等待文件准备:

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

$(...)。qtip不是一个函数 - 我得到这个错误 – whoah 2013-05-14 14:18:14

+0

它是并将在文本框呈现之前执行.. – Steve 2013-05-14 14:21:17

+0

你确定qtip插件被加载?任何使用jQuery 1.3.2的理由? – 2013-05-14 14:22:08

0

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

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

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

肯定会起作用。