javascript - avgrund 如何调用激活函数

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 类进行小的修改后，我实现了我的目标。