单击“x”时关闭弹出窗口[重复]

Question

我有一个弹出框，它呈现任务列表的一个子集，我希望当我单击带有“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
});