Вопрос по jquery, html, javascript, css – Закрытие модального всплывающего окна, нажав от него

1

Я использую этот урок, чтобы добавить модальный экран:

http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/

Все отлично работает, кроме закрытия. Вместо того, чтобы закрывать его с помощью кнопки, я хочу дать пользователю возможность закрыть его, щелкнув за пределами модального окна, то есть на фоне остальной части страницы позади него.

Пользователь сказал мне, чтобы добавитьonclick='overlay()' чтобы наложение div, как это<div id="overlay" onclick='overlay()'>

Когда я пытаюсь закрыть модальный режим, щелкая снаружи, если он работает, он также закрывается, если вы щелкаете по самому модальному модулю, чего я не хочу, так как это форма регистрации. Так есть ли способ закрыть модальный режим, щелкнув за пределами самого модального режима?

Вы можете проверить, произошел ли щелчок наложением, а затем вызватьoverlay() Musa
Хорошо, но как я могу проверить, откуда пришел клик, я не так хорош в JavaScript. Arken

Ваш Ответ

2   ответа
1

$(document).ready(function(){
$('#overlay').bind('click', function(event){
    if (event.target == $('#overlay').get(0))
        overlay(); 
});
Error: User Rate Limit Exceededready()Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Arken
Error: User Rate Limit Exceeded Arken
Error: User Rate Limit ExceededoverlayError: User Rate Limit Exceeded
0

Разделив это, вы не будете использовать оверлей в качестве родителя окна, а событие click будет срабатывать только на оверлее.

<div id="overlay"> </div>
<div id="modalWindow">
    <p>Content you want the user to see goes here.</p>
</div>
Error: User Rate Limit Exceeded Arken
Error: User Rate Limit Exceeded#overlay divError: User Rate Limit ExceededoverlayError: User Rate Limit Exceeded#overlay divError: User Rate Limit Exceeded#modalWindowError: User Rate Limit Exceeded
Error: User Rate Limit ExceededJQueryError: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Arken
Error: User Rate Limit Exceeded Arken

Похожие вопросы