закрытие HTML-шаблона, по большому проекту

Question

Я полагаю, что другие разработчики столкнулись с этим раньше. У нас есть большая база кода со многими компонентами этой модели следующие:

$('#elm').on('click',function($e){ 
    $e.stopPropagation(); 
    //... do stuff (i.e. Open something); 
}); 

$('html').on('click',function($e){ 
    //... do oposite of stuff (i.e. Close something); 
} 

Наша проблема есть, все stopPropagation-х по всему сайту останавливают закрытие других компонентов. Нам действительно нужен механизм блокировки обработчика кликов для этого компонента, но не для других.

Я ищу решение, которое проще всего реализовать прямо сейчас, чтобы исправить наши ошибки и для нашей команды разработчиков Multi-разработчиков в будущем.

Answer 1

Метод .live() обрабатывает события, как только они распространяются на верхней части документа, это не представляется возможным, чтобы остановить распространение с использованием живых событий это позволяет вам сделать хак и воспользоваться этим, потому что метод .live() связывает обработчик на $(document) и определяет, какой элемент инициировал событие вверху иерархии, используя свойство event.target.

stopPropagation останавливает распространение от пузырей вверх по иерархии DOM, но поскольку обработчик находится на уровне документа, нет верхнего места для распространения.

С другой стороны, обратите внимание, что события, обработанные .delegate(), будут пузыряться до элементов, к которым они привязаны; обработчики событий, связанные с любыми элементами под ним в дереве DOM уже будут выполнены к тому времени, когда делегированный обработчик событий будет вызван. Эти обработчики, таким образом, могут предотвратить делегированный обработчик от запуска, вызвав event.stopPropagation()

Смотрите этот пример: http://jsfiddle.net/knr3v/2/

Таким образом, вы можете использовать метод вместо щелчка, связывает live и delegate, по методе делать именно то, что вы объясняете.