Нужно получить клик только по контейнеру. Если я произвожу клик по элементам внутри контейнера, то они тоже засчитываются.
$(document).on('click', '.container--top--music', function() {
console.info('Вы произвели клик по контейнеру');
});
.container--top--music {
background: black;
padding: 10px
}
a {
background: red;
padding: 5px
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container--top--music">
<a>///</a>
</div>
Нужно проверять по какому элементу был произведён клик. Если это this, то блокируем выполнение скрипта.
$(document).on('click', '.container--top--music', function(e) {
if (e.target !== this) return;
console.info('Вы произвели клик по контейнеру');
});
.container--top--music {
background: black;
padding: 10px
}
a {
background: red;
padding: 5px
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container--top--music">
<a>///</a>
</div>
Продвижение своими сайтами как стратегия роста и независимости