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
Post a Comment