如何使用焦点引导popover？

Question

我有这样的弹出窗口。而且我需要它作为焦点工作，当我点击数量字段时它唯一消失，因为链接没有聚焦。

以下是代码：

var popover = $("[data-toggle=popover]").popover({
         trigger : 'focus',  
         placement : 'right',
         container: 'body',
         html: 'true'
          }).on('show.bs.popover', function() { 
         product_id = $(this).attr('data-product-id');
         popover = $(this);
         $.ajax({
             url : '/product/short_description/' + product_id, 
             success : function(html) {
                 popover_id = popover.attr('aria-describedby');
                 $('#' + popover_id + ' .popover-content').html(html);
             }
          });
        });

Answer 1

试试这个：

var popover = $("[data-toggle=popover]").popover({
         trigger: 'manual',  
         placement : 'right',
         container: 'body',
         html: 'true'
          }).on('show.bs.popover', function() { 
         product_id = $(this).attr('data-product-id');
         popover = $(this);
         $.ajax({
             url : '/product/short_description/' + product_id, 
             success : function(html) {
                 popover_id = popover.attr('aria-describedby');
                 $('#' + popover_id + ' .popover-content').html(html);
             }
          });
        }).click(function(e){ 
$(this).popover('show');
e.preventDefault(); 
}).addClass('mypopover');

然后：

$('html').click(function() {
$(".mypopover").hide();
});

$('.mypopover').click(function(event){
    event.stopPropagation();
});