javascript - 仅当输入值长度 < n 时,BOOTSTRAP 在输入元素上触发工具提示

标签 javascript jquery input twitter-bootstrap tooltip

我想在 input.val().length <= 3 时显示工具提示然后在 > 3 个字符时隐藏工具提示

检查一下:

<input type="text" id="nav-search"/>


$('#nav-search').on('keyup',function(){
   var _keys = $(this).val();
   if(_keys.length <= 3){
   $(this).tooltip({'trigger':'focus',position:'right'});
   $(this).trigger('focusin');

   }
  });

它显然不起作用:/

最佳答案

理论上,它应该有效:

$("#nav-search").on("keyup", function() {
    if (this.value.length <= 3) {
        $(this).tooltip("show");
    } else {
        $(this).tooltip("hide");
    }
}).tooltip({
    placement: "right",
    trigger: "focus"
});​

实际上,它是有效的。

演示: http://jsfiddle.net/FvxnN/

关于javascript - 仅当输入值长度 < n 时,BOOTSTRAP 在输入元素上触发工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12581086/

相关文章:

javascript - 使用 Node.js 中的调试器检查方法链

javascript - 从 html5 Canvas 中删除所有事件处理程序

javascript - 来自动态添加的输入字段时未发送发布数据

javascript - jQuery,动态显示表格行

android - WebView、类型文件、相机和图像的输入

javascript - 如果在浏览器中禁用 JavaScript,ajax 请求是否有效?

javascript - 匹配零后跟小数点后 6 位

javascript - 居中文件输入 Bootstrap

JavaScript:push 方法来平均数组

c - C中输入 double float