停止弹出射击

Question

当我点击子元素时，如何阻止父div中的弹出窗口触发？

<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>

我在孩子的点击事件中尝试了类似e.stopPropagation的东西，也是这样的，但它仍然会立即显示。

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