Pole wejściowe Popust Bootstrap

Question

Czy można wywołać zdarzenie typu popover, gdy użytkownik kliknie w polu wejściowym, a następnie wyłączyć je, gdy użytkownik kliknie w innym polu? Oto, co mam, ale nie wyłącza się, gdy użytkownik kliknie w innym polu.

Jak wyłączyć tę funkcję popover, gdy użytkownik kliknie w innym polu wejściowym? Dziękuję Ci!

Answer 1

Jeden prosty sposób na ukrywanie byłoby zapisać się do blur:

$(function() { 
    $("#example") 
     .popover({ title: 'Twitter Bootstrap Popover', content: "It's so simple to create a tooltop for my website!" }) 
     .blur(function() { 
      $(this).popover('hide'); 
     }); 
}); 

Answer 2

Załóżmy link jest

<a href="#foo" id="bas">bar<a> 

można ukryć popover poprzez dodanie następujących JS:

$('#bas').on('click',function() { 
    $('#example').popover('hide'); 
}); 

Answer 3

Możesz ukryć "popover" używając "trigger"!

<script> 
$(document).ready(function() { 
    $(function() 
    { 
     $("#contato").popover({title: 'Twitter Bootstrap Popover', trigger: 'focus', content: "It's so simple to create a tooltop for my website!"}); 
    }); 
}); 
</script> 

Answer 4

Zrobiłem kilka testów z CHRISTOFFERS odpowiedź i dostał to zminimalizowane:

$('#element').popover({ trigger: 'focus', title: 'Twitter Bootstrap Popover', content: "It's so simple to create a tooltop for my website!" }) 

Answer 5

myślę, że łatwiej, jeśli używać HTML5:

$(document).ready(function() { 
    $('#example').popover(); 
} 

<input id="example" type="text" data-toggle="popover" data-trigger="focus" data-placement="right" data-content="It's so simple to create a tooltop for my website!" />