Как-то раз, давным-давно я захотел минифицировать свой JS-код, но случайно зашёл на сайт, который помимо минификации ещё и обфусцирует его. Я это заметил не сразу, а лишь спустя, ибо торопился поскорее закончить работу. Теперь я решил этот код вручную деобфусцировать, но сломал при этом функционал. Суть в том, что при клике на инпут появлялось выпадающее меню, а если кликнуть где-то в другое место, то оно скрывалось. Я переписал этот код на читаемый, но при этом сломался тот самый функционал, отвечающий за закрытие выпадающего меню. Почему это произошло? Ведь я в точности переписал код.
Новый код:
$(() => {
let dropdown = $('.passengers-main-dropdown');
dropdown.on('click', function(){
$(this).toggleClass('active');
$(this).nextAll('.dropdown-box').toggleClass('active');
});
$('body').on('click', function(e){
let drop = $('.dropdown-box');
console.log(`${dropdown.is(e.target)} + ${dropdown.has(e.target).length !== 0} + ${drop.has(e.target).length !== 0)}`)
if(dropdown.is(e.target) && dropdown.has(e.target).length !== 0 && drop.has(e.target).length !== 0) {
drop.removeClass('active');
dropdown.removeClass('active');
}
})
});
Старый (обфусцированный) код:
$(function() {
var t = $(".passengers-main-dropdown");
t.on("click", function() {
t.nextAll(".dropdown-box").toggleClass("active"), t.toggleClass("active")
}), $("body").on("click", function(o) {
var i = $(".dropdown-box");
t.is(o.target) || 0 !== t.has(o.target).length || 0 !== $(i).has(o.target).length || (i.removeClass("active"), t.removeClass("active"))
})
})
Проблема, скорее всего, в этой строке:
t.is(o.target) || 0 !== t.has(o.target).length || 0 !== $(i).has(o.target).length || (i.removeClass("active"), t.removeClass("active"))
У меня она переписана, как:
if(dropdown.is(e.target) && dropdown.has(e.target).length !== 0 && drop.has(e.target).length !== 0) {
drop.removeClass('active');
dropdown.removeClass('active');
}
Несмотря на то, что в обфусцированном варианте кода используется оператор ||
(или), переписанный код с этим оператором не работает вовсе. С оператором &&
(и) выпадающий список работает, однако, почему-то не скрывается по клику вне. Помогите, пожалуйста, разобраться, где я допустил ошибку.