点击＆＃34; x＃34;关闭popover

Question

我有一个popover，它呈现了一个任务列表的子集，当我点击“cross”类的按钮时，我希望它消失。我怎么能这样做？

<a href="javascript:;" class="popovers" data-container="body" data-html="True" data-placement="bottom"
    data-original-title="<?php echo $gp->description.' Omitted Tasks:';?>" 
    data-content="
        <button type='button' class='cross'></button>

        <div class='table-scrollable' style='max-height: 330px; overflow: auto;'>
            <?php foreach($checked as $c): ?>
                <?php if ($c->complete_omit == 2): ?>
                    <span style='font-size:11px'>
                        <?php echo '- '.$c->checklist->description; ?><br>
                    </span>
                <?php endif ?>
            <?php endforeach ?>
        </div>
    ">
    <?php echo $count.' Tasks'; ?>
</a>

Answer 1

检查弹出市场ID或类，并使用以下代码。

$(".cross").click(function() {
    $('.popup-marker').each(function() {
        $(this).popover('hide');
    });  // this will hide any popup-marker open
});