Много раз, когда мы делаем переднюю часть, у нас будет такая небольшая функция. Полем Предполагая следующую сцену, небольшую кнопку, нажмите, чтобы вспять модульную коробку.
Это так просто, но когда мы хотим нажать на пустую часть, скрыть модальное поле, добавьте кнопку идентификатор: BTN, идентификатор модального поле: модель
Возможно, наша простая идея - прослушать событие непосредственно в документе.
Кнопка нажмите на событие POP -UP, чтобы контролировать:
Код кода копирования следующим образом:
$ ("#btn").
if (e.stoppropagation) {// нужно остановить пузырька
e.stoppropagation ();
} Еще {
e.cancelbubble = true;
}
})
Код кода копирования следующим образом:
$ (docume) .bind ("click", function (e) {
If (событие Click нет на модели) {
Скрытая модальная коробка;
}
})
На первый взгляд, нет проблем, но на самом деле есть много проблем. Когда у нас все еще есть много небольших элементов управления на модальной кадре, трудно судить о щелчке в модальном поле.
Здесь я думаю, что есть самый классический метод, который простой, но очень умный,
Прежде всего, инцидент выглядит следующим образом на модели модальной кадры:
Код кода копирования следующим образом:
$ ("#Modal").
If (event && event.stoppropagation) {{
event.stoppropagation ();
} Еще {
event.cancelbubble = true;
}
});
Просто предотвратите щелчки в пузыре
Затем:
Код кода копирования следующим образом:
$ (docume) .One ("click", function (e) {
var $ target = $ (e.currenttarget);
if ($ target.attr ("id")! = "modal") {{
$ ("#Modal").
}
});
Сделай это, так легко