引导工具提示触发焦点
bootstrap tooltip trigering on focus
当用户在输入中输入超过50000时,我想使用引导工具提示显示一条消息。
这是代码:
<!DOCTYPE HTML>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"/>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(this).tooltip("hide");
$("#myInput").on("keyup", function() {
console.log(this.value);
if (this.value > 5000) {
$(this).tooltip("show");
$(this).val(50000);
} else {
$(this).tooltip("hide");
}
}).tooltip({
placement: "right",
trigger: "focus"
});
});
</script>
</head>
<body>
<input id="myInput" title="You cannot enter more than 50 000" />
</body>
</html>
或查看http://jsfiddle.net/Ljxz2/
问题是工具提示会在焦点上触发消息(我认为),所以当用户单击(或聚焦)输入时会显示消息。我该怎么关掉它?
只需将工具提示函数调用中发送的选项中的"trigger"值更改为"manual"即可。
tooltip({
placement: "right",
trigger: "manual"
};
http://jsfiddle.net/YcQat/
相关文章:
- d3.js Chord图的动态工具提示
- Graphiti中是否有任何工具提示功能
- "工具提示"jQuery插件坏了
- 单元格的工具提示或标题不显示超过2000个字符
- d3.js用按钮更新条形图工具提示
- 使Intro.js工具提示响应
- 画布中绘制的矩形区域的弹出工具提示
- 使用CSS/JavaScript更改剑道图工具提示文本颜色
- 禁用NVD3 multiBarHorizontalChart中0值的工具提示
- 如何更改已显示的工具提示
- 如何访问高图表工具提示中的任何特定数据
- 显示同时使用焦点的工具提示提示&悬停
- 无法将表单输入字段上的 JQuery UI 工具提示限制为仅在单击/焦点事件上显示
- 悬停和焦点上的响应式 jQuery 工具提示无法正常工作
- 如何关闭引导工具提示自动获得可见后,单击和失去焦点或切换选项卡
- 引导工具提示的焦点与不同的字段名称
- 失去焦点工具提示从谷歌可视化折线图
- 引导工具提示触发焦点
- JQuery工具提示仅在输入字段焦点处可见
- Rails ERB文本/密码字段工具提示的焦点