javascript - 画面の中央に div ポップアウトを作成し、サイトの残りの部分を暗くする方法

Question

私は新しいビデオでそれを言っているだけで、これがどのように達成されるか知りたいです

これがボタンです

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

onclick() はありません。href 値を取得し、ページを更新せずに div に挿入します。

Answer 1

コードを見なくても、おそらく jQuery を使用して、Javascript の後半でクリック ハンドラーをバインドしている可能性があります。次のようになります。

jQuery:

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

バニラ Javascript:

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

Answer 2

私は個人的にjQuery UIを使用しています。

モーダル ダイアログのデモを表示するには、ここをクリックしてください。