Есть такой код
$(document).on('click', function(e){
if(e.target !== '.profile-full' || e.target !== '.preview--more' ) {
console.log( 'preview--more click--' + (e.target == '.preview--more'))
console.log(e.target)
$('.profile-full').removeClass('profile-full__active')
}
});
.profile-full {display: none;}
.profile-full__active {display: block;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="profile-full profile-full__active">
<p>text</p>
</div>
<button class="preview--more">
click
</button>
Что мне надо: Если клик не на .profile-full
или .preview--more
, тогда скрываем блок .profile-full
, иначе - условие не сработает.
Что я вижу в браузере: первый лог говорит о том, что клик по preview--more
выдает false
, а второй лог показывает, что клик был по preview--more
.
Почему так происходит?
Ну и клик по preview--more
скрывает нужный мне блок, хотя не должен, ведь клик как раз таки по preview--more
e
? Если это объект события, тоe.target
никогда не будет строкой и естественно сравнение строки и не-строки дастfalse
. Приведите минимальный воспроизводимый пример без всяких там «в консоли это», потому что иначе нам придётся гадать на кофейной гуще