Javascript 停止爆米花射击

如何在单击子元素时阻止父div中的popover触发

<div data-toggle="popover" data-trigger="focus" data-content="whatever">
  <a data-toggle="tooltip" data-placement="top" title="Read more" class="glyphicon glyphicon-list-alt" data-itemid="@item.Id"></a> 
</div>

---

您能在

fiddle

或

snippet

中复制这个吗？我似乎无法在JSFIDLE中使用它，但我已经找到了一个解决方案，使用触发器手册而不是焦点。

$("[data-toggle='popover']").click(function(e) {
        if (e.target !== this) {
            $(this).popover('destroy');
        }
    });