Пользователь пока ничего не рассказал о себе

Достижения

Все достижения (4)

Наибольший вклад в теги

Все теги (22)

Лучшие ответы пользователя

Все ответы (38)
  • Как сделать кнопку назад на js чтобы она возвращала назад не по истории браузера, а по хлебным крошкам?

    @furashcka
    Наверняка у вас есть список url из хлебных крошек, если нет то на крайний случай их можно вытащить из html, их можно представить в виде массива: [`site.com/catalog`, `site.com/catalog/sub-catalog`, `site.com/catalog/sub-catalog/item`], имея данный массив находим текущий index по location.href
    let breadcrumbs = [`site.com/catalog`, `site.com/catalog/sub-catalog`, `site.com/catalog/sub-catalog/item`];
    let indexCurrent = breadcrumbs.indexOf(location.href);
    let indexPrev = Math.max(0, indexCurrent - 1);
    let prevURL = breadcrumbs[indexPrev];
    
    location.href = prevURL;


    Как видите вам понадобится массив с url, по которому вы можете возвращаться назад, за счёт currentIndex - 1, пока не дойдёте до главной страницы, у которой обычно index = 0
    Ответ написан
    Комментировать
  • Слайдер с переключением на один блок?

    @furashcka
    Owl.carousel рекомендую
    https://owlcarousel2.github.io/OwlCarousel2/demos/...
    Ответ написан
    Комментировать
  • Как передавать дополнительные аргументы в $emit события?

    @furashcka
    vue намеренно ограничивает кол-во аргументов в своих стандартных функциях, только ОДИН объект, объясняется это тем что объект нагляднее читается в коде чем просто список аргументов:
    mySuperFunction1(ignoreCache,  isReverse, removeEmpty, visible) { ... }
    mySuperFunction2({ignoreCache,  isReverse, removeEmpty, visible}) { ... }
    
    mySuperFunction1(false, true, true, true);
    mySuperFunction2({
      ignoreCache: false,
      isReverse: true,
      removeEmpty: true,
      visible: true
    })


    В вашем случаи в $emit можно передавать массив

    $emit(`name`, [arg1, arg2]);

    А снаружи раскладывать массив стандартной es6 операцией:
    @событие="metod(...$event)"
    Ответ написан
    Комментировать
  • Сталкивался ли кто-либо с подобной проблемой взаимодействия слайдера Swiper JS и ВордПрессовского плагина Ninja Forms?

    @furashcka
    Я конкретной проблемы в вашем случаи не знаю, сталкивался с похожим, при других обстоятельствах, суть в том что для родителя с overflow: hidden можно применять scrollLeft, я на вашем сайте посмотрел, и таки да, вам мешает scrollLeft, я не знаю кто его добавляет, но я бы просто после вывода ошибки применял:

    document.querySelector(".mainslider_slider").scrollLeft = 0;


    да это костыль, но лезть в дебри не нужно, не та задача.

    6430875e4cc04640435915.png
    Ответ написан
    3 комментария
  • Как сделать что бы при нажатии разных кнопок отображались разные изображения?

    @furashcka
    Как вариант (грубый)
    <button id="but1">Кнопка 1</button>
        <button id="but2">Кнопка 2</button>
        <button id="but3">Кнопка 3</button>
        <br>
        <br>
        <img width="300" src="http://dreempics.com/img/picture/Jun/04/08837d979a3d1531294922001a35e406/2.jpg" alt="" id="setImg">
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>


    (function($){
    
            $.fn.updateImg = function(conf){
                var defConf = {
                                elem_img    : null,
                                url_img     : null,
                              }
                
                $.extend(defConf, conf);
                
                if( defConf.elem_img != null && defConf.url_img != null ) {
                    $( this ).click(function() {
                        $( defConf.elem_img ).attr( "src", defConf.url_img );
                    });
                }
            }
    
        })(jQuery);
        
        
        $(document).ready(function() {
            $("#but1").updateImg({ 
                elem_img : "#setImg",
                url_img  : "http://oxy.org.ua/wp-content/uploads/2009/08/d185d0b8.jpg"
            });
    
            $("#but2").updateImg({ 
                elem_img : "#setImg",
                url_img  : "http://img0.joyreactor.cc/pics/post/full/Nyan-Cat-%D0%BE%D0%B1%D0%BE%D0%B8-%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D1%8B%D0%B5-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8-art-851091.jpeg"
            });
    
            $("#but3").updateImg({ 
                elem_img : "#setImg",
                url_img  : "http://www.yakako.ru/uploads/posts/2010-07/1277990808_kartinki-plamya-ognia-01.jpg"
            });
        });


    elem_img - Картинка у которой будет обновлен src
    url_img - путь к отображаемой картинке
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (17)