添加一个用popup.js关闭弹出窗口的按钮

Question

我在为以下脚本创建退出按钮时遇到了麻烦。 我正在使用http://docs.toddish.co.uk/popup/中的popup.js。 这就是为了做到这一点，我们应该从对象内部使用popup.close（）。但是没有例子，我无法让它发挥作用。有没有人有想法？

JSFiddle link = http://jsfiddle.net/andrewallen817/bedhhu1o/3/

HTML：

<a href=#txt class="popup" >Click here</a>

<div id="txt" style="display:none">
    <h1>This is a title</h1>
    <p>this is some text</p>
    <button>close</button>    

</div>

JS

$(function(){
    $('.popup').popup();
});

Answer 1

我通过查看文档为您修复了它。 JSfiddle

$(function () {
    $('.popup').popup({
        afterOpen: function () {
            var popup = this;
            $('button').click(function () {
                popup.close();
            });
        }
    });
});

你可能想要指定你想给popup.close（）的按钮，否则每个按钮都会有它。