Задать вопрос
neowaring

Neowaring

Разработчик неизвестных систем
Ответы пользователя по тегу JavaScript

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

    neowaring
    @neowaring Автор вопроса
    Разработчик неизвестных систем
    Решено таким способом
    var $search = $('#story-top');
                            var $button_left = $('#close-mobile-search_1');
                            var $button_times = $('#close-mobile-search');
                            var $search_block = $('.search-box-top');
                            $search.on('click', function () {
                                $(".main-header").addClass('main-header--active-searchbar');
                                $(".story-top_mobile").addClass('story-top_mobile_active');
                                $(".mobile-search-result").removeClass('hidden');
                                $(".search-form__clear-button").removeClass('hidden');
                                $(".search-form__clear-button_1").removeClass('hidden');
                            });
                            $button_left.on('click', function () {
                                $(".main-header").removeClass('main-header--active-searchbar');
                                $(".search-form__clear-button_1").addClass('hidden');
                                $(".search-form__clear-button").addClass('hidden');
                                $(".mobile-search-result").addClass('hidden');
                                $(".story-top_mobile").removeClass('story-top_mobile_active');
                            });
                            $button_times.on('click', function () {
                                document.getElementById("story-top").value = "";
                                $(".search-form__clear-button").addClass('hidden');
                                $(".search-form__clear-button_1").addClass('hidden');
                                $(".mobile-search-result").addClass('hidden');
                                $(".main-header").removeClass('main-header--active-searchbar');
                                $(".story-top_mobile").removeClass('story-top_mobile_active');
                            });
                            $search_block.on('blur', function () {
                                $(".main-header").removeClass('main-header--active-searchbar');
                                $(".search-form__clear-button_1").addClass('hidden');
                                $(".search-form__clear-button").addClass('hidden');
                                $(".mobile-search-result").addClass('hidden');
                                $(".story-top_mobile").removeClass('story-top_mobile_active');
                            });
    Ответ написан
    Комментировать
    Комментировать

  • Slick slider в модальном окне bootstrap3?

    neowaring
    @neowaring
    Разработчик неизвестных систем
    Верно, я стабилизирую в окне таким методом 
    $('#modal_image_pp').on('shown.bs.modal', function () {
                    $('.slider-for').slick('refresh');
                    $('.slider-nav').slick('refresh');
                    $('.slider-forpc').slick('refresh');
                    $('.slider-navpc').slick('refresh');
                });
    Ответ написан
    Комментировать
    Комментировать

  • Как реализовать переключение главного изображения по клику на стрелки?

    neowaring
    @neowaring
    Разработчик неизвестных систем 
    <script>
    $(document).ready(function () {
        $('.thumbnail-container-images .img-fluid').click(function () {
            var imgThumb = $(this).attr('src');
            var oldImg = $(this).closest('.thumbnail-container-images').find('.full_img');
            oldImg.attr('src', imgThumb);
        });
    });
    $('thumb:first').click();
</script>


    Класс full_img для главного изображения
    Класс img-fluid для дополнительных изображений
    Класс thumbnail-container-images в котором находятся все эти изображения

    Пользуюсь с успехом
    Ответ написан
    3 комментария
    3 комментария

  • Почему не сохраняется стиль на разных страницах js?

    neowaring
    @neowaring Автор вопроса
    Разработчик неизвестных систем
    Решено

    Решено заменой
    + (path ? ';path=' + path : '') +
    на

    + ';path=/' +
    Ответ написан
    Комментировать
    Комментировать