• Как готовить jQuery и Laravel Vite правильно?

    @AndreyNee
    Тоже долго искал решение. В итоге наткнулся на такой же вопрос на StackOverflow, в котором пользователь с ником "shanecp" отвечает, почему возникает проблема с jQuery в проектах где используется Laravel + Vite.

    Если коротко, то это происходит из-за порядка загрузки модуля Vite.
    Vite загружает скрипты в виде модулей.
    А модули всегда выполняются в отложенном (deferred) режиме (ссылка на доку learn.javascript.ru).

    Таким образом, если ваш скрипт написанный на jQuery размещен после директивы Vite, то этот скрипт выполняется прежде, чем загрузится сам jQuery и это вызывает ошибку $ is undefined.
    В общем там советовали переместить код jQuery в app.js файл, чтобы он оставался в своем собственном модуле.
    Ответ написан
    Комментировать
  • Почему увеличивается кнопка на сайте при нажатии на неё в Safari на iPhone?

    @AndreyNee Автор вопроса
    Проблема решилась!
    Оказалось что я по ошибке добавил стили :focus для кнопки.

    Итог:

    Удалил фрагмент кода
    .button-volume:focus {
      opacity: 0.4;
      transition: 0.2s;
    }

    И добавил медиа запрос, который убирает стили :hover для таблетов
    @media (max-width:768px) {
      .button-volume:hover {
      opacity: 1;
      transition: none;
      }
    }
    Ответ написан
    Комментировать