Я работаю над простым jquery модальным. Я хочу выполнить событие onclick в оверлее за модалом. Вот ссылка для модальных . Когда пользователь нажимает вне модального окна, мне нужно закрыть модальное окно. Вот код

#basic-modal-content {display:none;}

    /* Overlay */
    #simplemodal-overlay {background-color:#000; cursor:wait;}
    
    /* Container */
    #simplemodal-container {height:300px; width:600px; color:#bbb; background-color:#FFF; border:6px solid #72A014;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px; padding:12px;}
    #simplemodal-container .simplemodal-data {padding:8px;}
    #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
    #simplemodal-container a {color:#ddd;}
    #simplemodal-container a.modalCloseImg {background:url(close.png) no-repeat; width:40px; height:40px; display:inline; z-index:3200; position:absolute; top:-20px; right:-23px; cursor:pointer;}
    #simplemodal-container h3 {color:#84b8d9;}

Когда пользователь нажимает на оверлей, модальное окно должно быть закрыто. Есть ли способ отследить событие onclick вне модального и закрыть его?

Надеюсь, мой вопрос понятен. Заранее спасибо!!

0
Vignesh Gopalakrishnan 4 Фев 2013 в 10:44

2 ответа

Лучший ответ

Привязать событие к #simplemodal-overlay

$("#simplemodal-overlay").click(function(){
//code to remove the overlay , same as on the close btn
});

Но я не понимаю, почему этот курсор ожидания наложения.?

1
Sarath 4 Фев 2013 в 06:50

Не проверено, но похоже, что оно должно работать: Форумы ASP.NET

0
David Lloyd Brookes 4 Фев 2013 в 06:52