仅当输入值长度 < n 时，输入元素上的 BOOTSTRAP 触发器工具提示

Question

我想在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');
   }
  });

它显然不起作用：/

Answer 1

从理论上讲，它应该可以工作：

$("#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/

Answer 2

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