Question

我正在使用http://github.com/voronianski/jquery.avgrund.js/

我的js电话是：

$('.reserve_button').avgrund({ enableStackAnimation: false, onBlurContainer: '.content', holderClass: 'custom', template: $(".rezerve-modal").html() });

我的弹出内容是：

<div class="avgrund-overlay"></div>
<div class="rezerve-modal">
    <div style="background-color: #CEEEF2; padding: 5px 10px; height: 100%;">
        some content
        <span class="modal-btn hoverU cancel">Cancel</span>
    </div>
</div>

我想要的是，当我点击取消时，我想要关闭弹出窗口。

Answer 1

你有不同的属性：

showClose: false, // switch to 'true' for enabling close button
showCloseText: '', // type your text for close button
closeByEscape: true, // enables closing popup by 'Esc'..
closeByDocument: true, // ..and by clicking document itself

Answer 2

我通过将avgrund-close类添加到我想要用于关闭的元素来修复此问题。没有别的事情要做。

<span class="modal-btn hoverU avgrund-close cancel">İptal</span>

在对CSS课程进行小修改后，我实现了目标。

avgrund如何调用激活功能

2 个答案: