2013-02-08 4 views
0

Я хочу показать сообщение, используя подсказку bootstraps, когда пользователь вводит более 50 000 во вход.подсказка для всплывающей подсказки по фокусу

Вот код:

<!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/

Проблема заключается в том, что подсказка запуская сообщение о фокусе (я думаю), так как показано сообщение, когда пользователь щелкает (или фокусирует) ввод. Как отключить это?

ответ

1

Просто измените значение «триггер» в параметрах, отправленных в вызове функции всплывающей подсказки, на «ручной».

tooltip({ 
    placement: "right", 
    trigger: "manual" 
}; 

http://jsfiddle.net/YcQat/

+0

аааа, просто так просто. Большое спасибо! – WIRN

Смежные вопросы