Помощь по js, не работает клик, как побороть?

JoraMajora61: я и так представляю как это выглядит )
а вы похоже не понимаете о чем я толкую...

$('.js-i').on('click', function () {
    $('.js-i__text').show();
});

$(document).on('click', function (e) {
    var $target = $(e.target);
    if ($target.hasClass('js-i') || $target.parents('js-i').length > 0) {
        $('.js-i__text').hide();
    }
});

Помощь по js, не работает клик, как побороть?

JoraMajora61:
он открывается и сразу закрывается.
во втором блоке кода нужно проверять откуда пришел клик. Если из этого вашего блока - то не нужно делать hide, в противном случае клик был вне блока и можно закрыть. А return false убрать в первом блоке.

Рекомендую посмотреть существующие реализации подобных элементов и писать наподобие.

Помощь по js, не работает клик, как побороть?

return false убрать

Как вызвать функцию?

функция объявлена в локальной области видимости.
Либо объявите ее в глобальной, либо можете сделать ее свойством window

window.handleComplaete = function(){ ... }

Как сделать, чтобы только один элемент имел класс?

Так не проще?

$('li.active').removeClass('active');
$(this).addClass('active');

Или так

$(this).addClass('active')
  .siblings().removeClass('active');

Зачем лишние циклы городить?

Логика max-device-width?

habrdima: вы уверены? логика та же самая

Логика max-device-width?

device-width
DEVICE
DEVICE, Карл. в переводе на русский - устройство!!!

Как думаешь, есть разница между шириной окна(браузера) и шириной монитора (устройства)?

Как реализовать сложение элементов в Sass?

flyming: Если вы не в курсе, то любой корректный css файл является корректным scss файлом.
Не знаете как писать на scss, пишите на css - не ошибётесь

Как реализовать сложение элементов в Sass?

flyming: на ваш пример я вам уже дал ответ. Зачем вы его повторяете?

Как реализовать сложение элементов в Sass?

вы лучше бы написал что на выходе нужно

//на выходе будет .class + .class {}
.class + .class {}
// или
.class {
  + .class {}
}

//на выходе будет .class.class {}
.class.class {}
// или
.class {
  &.class {}
}

Скролл в браузере ПК удержанием мыши, как пальцем на тачскрин?

Exploding:

Вы же понимаете, что при перехвате этого события будет невозможно выделить текст на странице?

Точно, не подумал об этом нюансе. Тогда полностью согласен =))

Скролл в браузере ПК удержанием мыши, как пальцем на тачскрин?

Крутости может добавить оптимизация кода, когда любая страница Вашего ресурса в w3 валидаторе будет зеленой!

Еще бы кому-то это было нужно кроме как самому разрабу, чтобы потешить себя =))

В целом с вами полностью согласен. Хотя ответ практически не имеет отношения к вопросу =)))

Почему говорят что jquery не нужен?

Главный вопрос - кто это пишет. Разработчик с признанным авторитетом в области фронта, или Вася из соседнего подъезда, который вчера написал Hello World на React/Angular/Vue, а сегодня кричит на всех углах, что jQuery больше не нужен.

Почему padding-bottom становится больше чем должен быть на 20px?

марджин от заголовка

CSS Grid: repeat() в Microsoft Edge, возможно?

Negwereth: я как раз и имел ввиду, что они реализовали черновик, а не спеку.
но зато первыми =)

Вёрстка флоатами уже не актуальна?

Islam Ibakaev: это вы заказчикам объясняйте, которые ТЗ предоставляют.
Все дело в том, что у них есть статистика заходов. И если, согласно стате, число пользователей с IE7 представляет экономический интерес, то заказчик будет требовать поддержку IE7. Какие уж тут флексы =)

Флексы можно достаточно смело использовать в верстке в отдельных элементах, там где легко пишется фоллбэк. Но основную раскладку страниц я пока не рискую делать на флексах. Только иногда, когда заявлены IE11+ и то, с учетом плохой поддержки в мобильных устройствах.

А вообще флексы мне оч нра, я часто тут на тостере даю ответы с их использованием =))

Как удалить gulp?

может звездочки не хватает
gulp.src('./project1/**/*.scss')

Как добавлять класс?

в слике есть опция responsive. там вы можете указать и наличие точек/стрелок и количество плашек в зависимости от ширины окна.

Как написать masonry сетку без сторонних плагинов?

требование очень странное (без использования сторонних библиотек)
ну да ладно.
Откройте исходник masonry.js, изучите и напишите свой по образу и подобию.

Как использовать React без роутера?

Главный вопрос - почему заказчик этого хочет? =))

Если у него СПА - то ваш вопрос отпадает. роутеру быть.
Если обычный сайт, но очень хочется реакта, то роутер нафиг не нужен. просто пилите отдельные компоненты.