4

input.val().length <= 33文字を超える場合はツールチップを表示し、非表示にする場合はツールチップを表示したい

これをチェックしてください:

<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');

   }
  });

明らかに機能しません:/

4

2 に答える 2

8

理論的には、次のように機能するはずです。

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

于 2012-09-25T10:33:14.047 に答える
1
$('#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
  }
  });
于 2012-09-25T10:33:13.900 に答える