单击时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');
    });
  }
});