我正在使用JQueryUI 工具提示向用户显示一些动态消息。基本上,我想在用户单击按钮时在输入字段顶部显示工具提示。
我编写它的方式仅在将鼠标悬停在按钮顶部时才有效,而在 JQueryUI 示例中,对于实现这种情况没有任何帮助。我与悬停效果有何不同并使其与按钮的单击事件一起使用?我怎样才能做到这一点?
我正在使用jquery-ui-1.9.0.custom.js
和jquery-1.8.2.js
为此。
HTML 代码: 我想在此输入框顶部显示消息
<input id="myInput" type="text" name="myInput" value="0" size="7" />
我单击以弹出工具提示的按钮
<input id="myBtn" type="submit" name="myBtn" value="myBtn" title="this is not used" class="myBtn" />
jQuery 代码
$(document).ready(function() {
$(".myBtn").tooltip({
content: function () {
return '<span id="msg">Message</span>';
},
position: {
my: "center bottom",
at: "center top"
}
});
});