Javascript 使用JQuery单击后停止popover

我有一个我无法解决的问题。当我点击下图中的星星时，我需要一个弹出框：

正在使用的代码：

$('area').popover({
        measure: 'img.image-map',
        mouseOffset: 20,
        container: 'body',
        followMouse: true,
        html: true,
        trigger: 'click'
    });

但也有一些问题： 1-popover正在跟踪鼠标。有了这个，我就不能用popover里面的滚动了。 2-当我放置just click时，由于区域已映射，因此不起作用，则弹出窗口显示在图片外

html:

您是否尝试过将
跟随鼠标
设置为
false
？这可能会解决您的popover跟随鼠标的问题。不要工作！请参见->lost align and popover Down您是否可以创建一个jsfiddle，使用jsfiddle的代码很多您是否尝试过将
followMouse
设置为
false
？这可能会解决您的popover跟随鼠标的问题。不要工作！请参阅->lost align and popover Down您是否可以创建一个JSFIDLE，以及使用JSFIDLE的许多代码
<li class="bg bg-casa">     
    <a href="#" class="popover-area" data-toggle="popover" data-placement="auto right"></a>

    <img class="image-map" src="images/arvore-presepio.png" alt="" usemap="#MapCasa" />

    <map name="MapCasa" id="MapCasa">
    <!-- Árvore(estrela) -->
    <area id="arvore" data-content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." alt="" title="" href="#" shape="poly" coords="231,81,252,51,252,39,247,40,248,29,242,22,251,21,255,13,259,22,273,21,266,41,261,50,269,63" />
</map>