История изменений
Исправление trashymichael, (текущая версия) :
я залез в исходник и нашел что конкретно там происходит, чтоб это было не предположениями, хотя и достаточно обоснованными
исключая всякую мишуру, если у биндинга есть селектор и он определен как делегат, при срабатывании события происходит конкретно поиск элемента в контейнере
<!doctype html>
<head>
<style type='text/css'>
div {
margin: 10px;
padding: 10px;
outline: dashed red 2px
}
[data-type=container] {
background: rgba(255, 0, 0, .5)
}
[data-type=child] {
background: rgba(0, 255, 0, .5)
}
</style>
<script src='http://code.jquery.com/jquery-1.9.0.min.js'></script>
</head>
<body>
<div data-type='container'>
<div data-type='child'></div>
<div data-type='child'></div>
<div data-type='child'></div>
</div>
<script type='text/javascript'>
window.addEventListener('load', function () {
var container = document.querySelectorAll('[data-type=container]')[0]
container.addEventListener('click', function (event) {
console.log($('[data-type=child]', container).index(event.target) >= 0 ? 'Работаем' : 'Отдыхаем')
})
})
</script>
</body>
цитируя дословно
jQuery( sel, this ).index( cur ) >= 0
Исходная версия trashymichael, :
я залез в исходник и нашел что конкретно там происходит, чтоб это было не предположениями, хотя и достаточно обоснованными
исключая всякую мишуру, если у биндинга есть селектор и он определен как делегат, при срабатывании события происходит конкретно поиск элемента в контейнере
<!doctype html>
<head>
<style type='text/css'>
div {
margin: 10px;
padding: 10px;
outline: dashed red 2px
}
[data-type=container] {
background: rgba(255, 0, 0, .5)
}
[data-type=child] {
background: rgba(0, 255, 0, .5)
}
</style>
<script src='http://code.jquery.com/jquery-1.9.0.min.js'></script>
</head>
<body>
<div data-type='container'>
<div data-type='child'></div>
<div data-type='child'></div>
<div data-type='child'></div>
</div>
<script type='text/javascript'>
window.addEventListener('load', function () {
var container = document.querySelectorAll('[data-type=container]')[0]
container.addEventListener('click', function (event) {
console.log($('[data-type=child]', container).index(event.target) >= 0 ? 'Отдыхаем' : 'Работаем')
})
})
</script>
</body>
цитируя дословно
jQuery( sel, this ).index( cur ) >= 0