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

Question

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

JSFiddle 链接 = 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()，否则每个按钮都会有它。