html - jquery remove focus issue with twitter-bootstrap tooltip -


i have test page bootstrap 3 using tooltip display message user when user mouses on icon.

clicking on icon displays modal , when modal closed, tooltip remains displayed user because focus still applied icon.

the way remove displayed tootip when user physically clicks somewhere on form remove focus icon.

i have noticed display of tooltip issue occurs on tooltip examples page.

i have tried use jquery remove focus when user clicks on icon, approach did not work anticipated.

here html code:

<a href="" id="id_page_help" data-target="#mymodal" data-toggle="modal" rel="tooltip" class="no_decoration" title="help">     <i class="icon-bulb icon_size18"></i> </a> 

here jquery code:

<script>     $('#id_page_help').click(function () {         $('#id_page_help').blur();         //alert('xxxx'); //alert display - code triggered.     }); </script> 

i hoping can point out have done incorrectly or supply way remove focus.

 use focus event instead of click event... should      $('#id_page_help').on('focus', function () {         $(this).blur()     })  

Comments

Popular posts from this blog

c# - Binding a comma separated list to a List<int> in asp.net web api -

how to prompt save As Box in Excel Interlop c# MVC 4 -

xslt 1.0 - How to access or retrieve mets content of an item from another item? -