Ответы пользователя по тегу JavaScript
  • Почему swiper возвращается в исходное положение при пролистывании?

    @malayamarisha Автор вопроса
    Решение:
    updateOnWindowResize: true,
    observer: true,
    observeParents: true,
    Ответ написан
    Комментировать
  • Каким образом изменить структуру результата autocomplete?

    @malayamarisha Автор вопроса
    Вдруг кому полезно будет:
    $('#word-search').autocomplete({
            lookup: countries,
            minLength: 1,
            lookupLimit: 3,
            dataType: 'json',
            appendTo: '#search__result', // контейнер, куда будут добавляться предложения
            showNoSuggestionNotice: true, // при отсутствии подходящих результатов отображать метку уведомления
            noSuggestionNotice: 'Все результаты', // Text или htmlString или Element или объект jQuery для отсутствия соответствующей метки результатов
            formatResult: function(suggestion, currentValue){ // пользовательская функция для форматирования записи предложения внутри контейнера предложений
                return "<div class='search__autocomplete'>" +
                            "<img src=/"+suggestion.img+">" +
                            "<div class='search__autocomplete-info'>"+
                                "<span>"+suggestion.value+"</span>"+
                                "<span>"+suggestion.color+"</span>"+
                            "</div>" +
                        "</div>";
            }
        })
    Ответ написан
    Комментировать
  • Каким образом у каждой второй строки у div-а с картинкой добавить класс?

    @malayamarisha Автор вопроса
    Спасибо огромное за варианты ответов.
    Удалось сделать так:
    <div class="row align-items-center img__location">
    <div class="col-md-6">Изображение</div>
    <div class="col-md-6">Текст</div>
    </div>
    <div class="row align-items-center img__location">
    <div class="col-md-6">Изображение</div>
    <div class="col-md-6">Текст</div>
    </div>
    </div>

    .img__location:nth-child(2n)>.col-md-6:first-child {
    	order: 2;
    }
    Ответ написан
    Комментировать