• Как создать приложение реакт нетив в корневой папке?

    @cupacabka Автор вопроса
    Если указать expo init, то появляется сразу в консоли надпись √ What would you like to name your app? ... и скипнуть ее невозможно. если выбрать N то создается папка N
  • Как настроить ESLint?

    @cupacabka Автор вопроса
    Я знаю, что пустая строка там ест. И если пулить этот файл к себе, то в шторме она также появляется. Но надо именно чтобы она отображалась на github. А для этого нужно в шторме в файле их поставить три или четыре штуки, тогда одна не обрежется и буде видно в github
  • Как настроить ESLint?

    @cupacabka Автор вопроса
    Алексей Ярков, Вот мне надо, чтобы в интерфейсе github отображалась последняя пустая строка. Чтобы она появилась в github нужно ставит в шторме несколько пустых строк, а их не дает посттавитть еслинт
  • Как настроить ESLint?

    @cupacabka Автор вопроса
    61f53345eb01b125957518.jpeg это код из шторма. тут как вы видите есть пустая строчка в конце

    61f5335a4766c143391571.jpeg это гит. как вы видите, последняя пустая строка из шторма обрезана на гите. Мне нужно, чтобы в гите после пуша была 18 строка и она была пустой.
  • Сортировка с масонри, проблема с указанием действия?

    @cupacabka Автор вопроса
    Там еще и кастомный селкет, отсюда все проблемы. Получается такой код https://codepen.io/neverwinternights/pen/NWbRqqa
  • Сортировка с масонри, проблема с указанием действия?

    @cupacabka Автор вопроса
    Вот такой код в со всем получается https://codepen.io/neverwinternights/pen/NWbRqqa и как добраться до дивов с велью я не знаю
  • Сортировка с масонри, проблема с указанием действия?

    @cupacabka Автор вопроса
    Спасибо за ответ. Там как выяснилось проблема не только в значении data-sort, там проблема в том еще, что селект кастомный. Я нашел где то раньше код кастомного селекта, который билдился с помощью дивов и можно было его с легкостью полностью стилизовать. И вот сейчас вылезла проблема с тем, что добраться до value я просто не могу. Так как это значение не у самих option, а в дивах, которые формируются яваскриптом. И вот добраться до них и получить их велью я не могу, пытаюсь указать их, то в консоли ошибка что не могу получить значение Uncaught TypeError: Cannot read property 'addEventListener' of null/ Что делать даже и не знаю
  • Откуда ошибка и инпуте, как пофиксить?

    @cupacabka Автор вопроса
    Lord_Dantes, я нажимаю на экран появляется надпись This app may not be embedded on this website
  • Откуда ошибка и инпуте, как пофиксить?

    @cupacabka Автор вопроса
    Вадим, спасибо, я открыл дебагинг для хрома и решил проблему
  • Откуда ошибка и инпуте, как пофиксить?

    @cupacabka Автор вопроса
    Я не очень могу разобрать но разве это не для андройда? мне бы на пк
  • Откуда ошибка и инпуте, как пофиксить?

    @cupacabka Автор вопроса
    Вадим, это учебная работа, я загрузил на гитхаб, так как файлов много, то картьинки я не все грузил. там видно именно проблема с инпутом https://neverwinternights.github.io/Lessons/travel...
  • Откуда ошибка и инпуте, как пофиксить?

    @cupacabka Автор вопроса
    Вадим, нет в том и проблема. Я открываю на андройде в мозиле все хорошо отображается. Открываю на специально скаченном Ми браузер там отображает поплывшем. Меня больше волнует как можно наглядно решить, я задал спану алайн- айтем центр и после пришлось заливать все на сервер чтобы посмотреть решилось ли. В девтулз показывает все хорошо, но на мобильнике в ми браузере не удалось решить проблему
  • Откуда возникает ошибка со слайдером?

    @cupacabka Автор вопроса
    Вадим, Вроде бы тот вариант, что вы давали тоже заработал. Странно, что первый раз он не пошел

    var sliderElement = document.querySelector(".project__slider");
    var swiperSlider = {};
    var sliderType = window.innerWidth < 857 ? "mobile" : "desktop";
    
    function initSlider(type) {
      var sliderSettings = {};
      if (type === "mobile") {
        sliderSettings = {
          observer: true,
          observeParents: true,
          effect: "fade",
          fadeEffect: {
            crossFade: true,
          },
          autoplay: {
            delay: 1000,
            disableOnInteraction: false,
          },
          spaceBetween: 50,
          speed: 800,
          centeredSlides: true,
    
          // описание настроек для мобильной вариации.
        };
      } else {
        sliderSettings = {
          observer: true,
          observer: true,
          observeParents: true,
          slidesPerView: 1,
          spaceBetween: 50,
          speed: 800,
          direction: "vertical",
          centeredSlides: true,
          pagination: {
            el: ".swiper-pagination",
            type: "bullets",
            clickable: true,
          },
    
          // описание настроек для десктопной вариации.
        };
      } // конец if-else
      // Проверяем, есть ли в объекте слайдера метод destroy, и если есть - вызываем его.
      if (swiperSlider.destroy && typeof swiperSlider.destroy === "function") {
        swiperSlider.destroy(); // Возможно,если в круглые скобки передать true то будет лучше.
      }
      swiperSlider = new Swiper(sliderElement, sliderSettings);
    }
    
    initSlider(sliderType);
    
    window.addEventListener("resize", () => {
      if (window.innerWidth < 857 && sliderType == "desktop") {
        sliderType = "mobile";
        initSlider(sliderType);
      } else if (window.innerWidth >= 857 && sliderType == "mobile") {
        sliderType = "desktop";
        initSlider(sliderType);
      }
    });
  • Откуда возникает ошибка со слайдером?

    @cupacabka Автор вопроса
    swiperSlider.destroy(true, true) так.
    Я нагуглил решение и вроде сделал

    Код конечно громоздкий но вроде работает

    let sliderAbout = document.querySelector(".project__slider");
    
    let mySwiper;
    
    function sl() {
      if (window.innerWidth > 857) {
        mySwiper = new Swiper(sliderAbout, {
          observer: true,
          observeParents: true,
          slidesPerView: 1,
          spaceBetween: 50,
          speed: 800,
          direction: "vertical",
          centeredSlides: true,
          pagination: {
            el: ".swiper-pagination",
            type: "bullets",
            clickable: true,
          },
        });
      }
      if (window.innerWidth < 857) {
    	mySwiper.destroy();
    	sliderAbout.dataset.mobile = "false";
      }
    }
    
    sl();
    window.addEventListener("resize", () => {
      sl();
    });
    
    
    
    var mySwiper2 = undefined;
    function initSwiper() {
        var screenWidth = $(window).width();
        if(screenWidth < 857 && mySwiper2 == undefined) {            
            mySwiper2 = new Swiper('.project__slider_mob', {            
    			observer: true,
    			      observeParents: true,
    			      effect: "fade",
    			      fadeEffect: {
    			        crossFade: true,
    			      },
    			      autoplay: {
    			        delay: 1000,
    			        disableOnInteraction: false,
    			      },
    			      spaceBetween: 50,
    			      speed: 800,
            });
        } else if (screenWidth > 857 && mySwiper2 != undefined) {
            mySwiper2.destroy();
            mySwiper2 = undefined;
                 
        }        
    }
    
    //Swiper plugin initialization
    initSwiper();
    
    //Swiper plugin initialization on window resize
    $(window).on('resize', function(){
        initSwiper();        
    });
  • Откуда возникает ошибка со слайдером?

    @cupacabka Автор вопроса
    Вадим, нет, к сожалению все также. Отрабатывает слайдер для десктоп версии, далее на нужном брекпоинте все пропадает, а в девтулс классы вертикального слайдера с пк версии и одновременно классы для слайдера от мобилки
    project__slider project__slider_mob _swiper swiper-bild swiper-container-initialized swiper-container-vertical swiper-container-fade swiper-container-horizontal

    Пробовал тру тру в дестрой вставлять
  • Откуда возникает ошибка со слайдером?

    @cupacabka Автор вопроса
    Вадим, нет, по css ничего не скрывается. В вашем варианте кода я так понимаю не происходит уничтожение первого слайдера, потому что на малом разрешении класс его project__slider project__slider_mob _swiper swiper-bild swiper-container-initialized swiper-container-vertical swiper-container-fade swiper-container-horizontal То есть классы их слайдера с десктопа и мобилки. Я немного не понял, про "перед вызовом new Swiper, нужно будет проверить есть ли свойство destroy в swiperSlider и если если, вызвать его."
  • Откуда возникает ошибка со слайдером?

    @cupacabka Автор вопроса
    Нет, я немного не понял где. Вы извините я в js пока полный ноль.

    Я пытаюсь запустить для своего первоначального кода проверку дополнительную для дестроя слайдера мобильного. Использую дата сет у класса по которому идет инициализация. Передаю ему на определенном разрпешении тру или фолс. но почему то остаются стили от мобильного слайдера на большом разрешении
  • Откуда возникает ошибка со слайдером?

    @cupacabka Автор вопроса
    я попробовал ваш код, вставил настройки слайдера, что то не работает. слайдер на 857 пропадает, обратно при увеличении возаращается, после чего видно что фейд эффект с мобильки пытается работать но слайдер тут же затухает
  • Откуда возникает ошибка со слайдером?

    @cupacabka Автор вопроса
    Там проблема мне видится в том, что код пытается применить дестрой из втрой инициализации на разрешении выше 857, а по сути второго слайдера еще нет и уничтожать по сути нечего. Надо как то провести проверку, есть ли на разрешении больше 857 слайдер второй инициализации, тогда запускать дестрой. Но как проверить?
  • Кастомизация гугл карт?

    @cupacabka Автор вопроса
    Да, но для кастомизации нужен ключ апи, а чтобы его получить надо указать номер кредитной карты.