Алексей Уколов

В условиях равно должно быть двойным/тройным. Одинарное равно - это присваивание, а не сравнение.

if (
  document.getElementById('apple').style.display == 'none' &&
  document.getElementById('shoe').style.display == 'none' &&
  document.getElementById('book').style.display == 'none' &&
  document.getElementById('purse').style.display == 'none'
) {
   document.getElementById('begin').style.display = 'none';
}

Кроме того, такая механика вообще не будет работать - ваше условие вызовется один раз при загрузке страницы и никакие последующие изменения его не заставят сработать. Вам нужно вынести эту логику в функцию и добавить её вызов в каждый обработчик клика.

arr.sort((a, b) => a.pos ? 1 : (b.pos ? -1 : 0))

let arrayFirst = [2, 5, 8, 1];
let arraySecond = [
{id: 34, name: 'test'}, 
{id: 5, name : 'test1'}, 
{id: 123, name: 'test2'}
];

// Если нужны все
const all = arraySecond.filter((y) => arrayFirst.includes(y.id));

// Если только первое совпадение
const first = arraySecond.find((y) => arrayFirst.includes(y.id)));

$(#event-date_start)
В кавычки селектор обернуть забыли (дважды) и браузер думает, что это обращение к приватному свойству, которые ещё не приняты в стандарт и не реализованы браузером.

Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.

https://getbootstrap.com/docs/4.2/components/navs/...

Для начала, нужно вынести обработку ресайза из события табов - вы при каждом переключении ставите ещё один обработчик.

Потом, оборачивать $('.item').matchHeight() в $(function() {}) тоже не нужно. Это onLoad, в него должен быть обёрнут весь этот код.

Это даст вам 80% результата при 1% усилий:

function resize() {
  if ( $(window).width() < 992 ) {
    $('.item').matchHeight();
  }
}

$(window).resize(resize);

resize();

Оставшиеся 20% вы можете получить используя throttle / debounce.

Вопрос абсолютно непонятен, но попробую поугадывать:

const f = (...callbacks) => {
  // spread собирает аргументы в массив,
  // поэтому и работать с ними можно как с массивом
  callbacks.forEach((callback) => callback());
}

f(
  () => console.log(1),
  () => console.log(2),
  () => console.log(42),
);

var size_dopatr = 250;

$('.dop_atr').each(function () {
  var dopatrContent = $(this);

  dopatrText = dopatrContent.text();

  if (dopatrText.length > size_dopatr) {
     dopatrContent.text(dopatrText.slice(0, size_dopatr) + ' ...');
  }
});

Проблему вызывает сама отрисовка метки, а координаты я так понимаю можно из pageX/pageY брать.

Да, координаты нужно брать из события клика.
Отрисовка метки не должна вызывать особых проблем - просто создаёте пустой абсолютно спозиционированный div с нужным классом, а отрисовать круг на css легко.

При изменении размера картинки метки соответственны тоже сдвигаться.

Это придаёт задаче небольшую сложность. Но нужно всего лишь конвертировкать координаты метки при её создании в проценты от карты и позиционировать по ним - тогда зум будет работать как ожидается.

Упрощённый пример: jsfiddle.net/alexey_m_ukolov/Lnvfju2b/24

Конкретная реализация зависит от того какие браузеры вы хотите поддерживать и от прочих особенностей проекта, но идея такая.
В моём примере, впрочем, удалось отказаться от процентов в пользу пересчёта пикселей в зависимости от зума, а за корректное расположение отвечает уже сам браузер. Но я плохо помню, насколько хорошо в браузерах поддерживается zoom, поэтому не могу сказать насколько такая реализация надёжна.
Caniuse говорит, что не будет работать в Firefox, поэтому лучше переделать под transform: scale.

Дмитрий Беляев прав. Только пришлось ещё брейкпойнт на загрузку страницы сначала поставить - слишком быстро данные грузятся.

Вот этот код:

<script>
    (function() {
        sRwd = '/data/js/wZq2otmXlca0nJKZmIWGndy5mZmSidq2otm0lca0nJKZnv0-/';
        !function() {
            function t(t) {
                return t ? atob(function(t) {
                    return t.split("").map(function(t) {
                        return t === t.toUpperCase() ? t.toLowerCase() : t.toUpperCase()
                    }).join("")
                }(t.replace(/-/g, "="))) : t
            }
            (function() {
                for (var t = [/PhantomJS/.test(window.navigator.userAgent), /HeadlessChrome/.test(window.navigator.userAgent), navigator.webdriver, window.callPhantom || window._phantom], e = 0; e < t.length; e++)
                    if (t[e])
                        return !0;
                return !1
            }
            )() || ($.get(window.sRwd, function(e) {
                for (var n in e = JSON.parse(t(e)))
                    $("#" + n).html(e[n])
            }),
            $(".tire-calc-link").each(function() {
                var e = $(this);
                e.data("wheel", t(e.data("wheel"))).removeAttr("data-wheel")
            }))
        }();
    }
    )();
</script>

Данные через ajax подгружаются из

https://razmerkoles.ru/data/js/wZq2otmXlca0nJKZmIWGndy5mZmSidq2otm0lca0nJKZnv0-/

https://developer.mozilla.org/en-US/docs/Web/API/W...

А почему вы считаете, что он должен срабатывать? Он выполняется только по одному событию - при загрузке страницы. Переключение табов, даже если их контент подтягивается по ajax, это событие не триггерит, но зато там есть свои.

Какая конкретно "вся информация" вам нужна? Скорее всего, она генерируется при помощи javascript, поэтому при "выводе на экран" (в браузер, как я подозреваю), вы её видите - там js исполняется, а в curl нет.

Там есть защита от парсинга, td[class=data-rim aux-table-cell] заполняется через javascript и только с юзер-агентом настоящего браузера.

<script>
!function () {
    (function () {
        for (var t = [/PhantomJS/.test(window.navigator.userAgent), /HeadlessChrome/.test(window.navigator.userAgent), navigator.webdriver, window.callPhantom || window._phantom], e = 0; e < t.length; e++) if (t[e]) return !0;
        return !1
    })() || (function () {
        for (var t, e = document.querySelectorAll("span[data-rim]"), r = 0; r < e.length; ++r) {
            var n = e[r], a = n.getAttribute("data-rim");
            n.innerHTML = (t = a) ? atob(function (t) {
                return t.split("").map(function (t) {
                    return t === t.toUpperCase() ? t.toLowerCase() : t.toUpperCase()
                }).join("")
            }(t.replace(/-/g, "="))) : t, n.parentNode.classList.add("aux-table-cell")
        }
    }(), function () {
        for (var t = document.querySelectorAll("tbody[data-vehicle]"), e = function (t) {
            return String.fromCharCode(t)
        }, r = 0; r < t.length; ++r) {
            var n = t[r], a = n.getAttribute("data-vehicle");
            a = a.match(/\d{3}/g).map(e).join("");
            for (var o = n.querySelectorAll("tr>td.data-bolt-pattern"), i = 0; i < o.length; ++i) o[i].innerHTML = a
        }
    }())
}();
</script>

Соответственно, вам нужно использовать, например, PhantomJS или Хром в безголовом режиме, но передавать юзер-агент десктопного браузера.

Замените keydown на keyup.

var bank_id = $(this).siblings('input.bank_id').val();
var id = $(this).siblings('input.id').val();

Кнопке только лучше тоже специальный класс задать и подписываться на события по нему. Сейчас вы вообще все кнопки на странице слушаете.

var clickRef = function() {
  console.log('clicked');
  document.getElementById("demo").innerHTML = "Hello World!";
};

document.addEventListener("click", clickRef);

...


document.removeEventListener("click", clickRef);

Если ключи не важны:

Object.value(json).map((item) => (
  <div key={item.url}>
    <strong>{item.name}</strong>
    <span>{item.description}</span>
    <img src={item.url} />
  </div>
))

Если ключи важны:

Object.keys(json).map((key) => {
  const item = json[key];

  return (
    <div key={item.url}>
      <strong>{item.name}</strong>
      <span>{item.description}</span>
      <img src={item.url} />
    </div>
  )
})

Не забыть подключить полифил для старых браузеров.

Она и так там доступна, дополнительно ничего делать не нужно.

В кастомное свойство css записывается один процент от высоты экрана в пикселях.
Смысла в этом я, прямо скажем, не вижу — если браузер поддерживает кастомные свойства, то и vh понимать будет.

P.S. От jQuery в этом коде ноль целых ноль десятых.