Bootstrap уволить по щелчку

Question

У меня есть следующий вход, который появляется при щелчке и исчезает на следующий клик:

<a href="#;" class="asset_info" data-asset_id="{{ asset.pk }}" 
    data-toggle="focus" tabindex="0" data-placement="left" data-trigger="focus" 
>Hello</a> 

Однако, я только хочу всплывающее окно, чтобы исчезнуть на следующий клик , если человек не нажав на поле. Вот то, что я до сих пор:

<script> 
$(function() { 

    $(".asset_info").click(function() { 
    el = $(this); 
    asset_id = el.data('asset_id'); 
    $.post("/get_asset_info/", {'asset_id': asset_id}, function(response) { 
     el.unbind('click').popover({ 
     content: response, 
     html: true, 
     delay: {show: 200, hide: 100} 
     }).popover('show'); 
    }); 
    }); 

}) 
</script> 

Answer 1

Следующие работали:

$('html').on('mouseup', function(e) { 
    if(!$(e.target).closest('.popover').length) { 
    $('.popover').each(function(){ 
     $(this.previousSibling).popover('hide'); 
    }); 
    } 
});