javascript - 如何在屏幕中间弹出一个 div 并使网站的其余部分变暗

Question

我只是在新的 vimeo 中说，并想知道这是如何完成的

这是按钮

    <a href="/messages/compose?recipient=1667821" class="message btn" 
data-lightbox="">Send Message</a>

没有 onclick() ，它们获取 href 值并插入到 div 中而不刷新页面..

Answer 1

在不查看他们的代码的情况下，他们可能稍后会在他们的 Javascript 中绑定一个点击处理程序，可能使用 jQuery。它看起来像这样：

jQuery：

$(".message").click(function() {
    // do the lightbox
});

香草Javascript：

document.getElementByClass("message").onclick = function() {
    // do the lightbox
}

Answer 2

我个人使用jQuery UI。

点击这里查看他们的模态对话框演示/源代码。