Задача по Slick Slider
Доброго времени, форумчане. Не силён в JavaS, помогите:(
Имеется самый обыкновенный slick slider на 4 объекта, в качестве пагинации используются точки (dots), так вот, задача состоит в том, что бы при нажатии на последнюю кнопку(точку) пользователя уводило по ссылке на другую страницу. вот ресурс - http://89.17.36.10:8085/front Слайдер блока "Всё начинается с идеи" Slick slider даёт кнопкам ID-ики, нужной точке присвоен id = "slick-slide03" http://skrinshoter.ru/s/150417/WRkHlIGJ?a Пытаюсь повесить обработчик типа: var item = document.querySelector("#slick-slide03"); item.addEventListener("click", function(event) { event.preventDefault(); document.location.href = "http://89.17.36.10:8085/front/%D0%BE-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5/#bonus";; }); Но он не срабатывает, чего то я не понимаю видимо:-? |
Frankie_peddler,
вы проверяли наличие item? |
В том то и дело, что он его не захватывает. Может взять то, что уже есть в html, но слайдер создаётся динамически (извините за косность языка)
|
Frankie_peddler,
поставьте ваш скрипт в конец страницы перед </body> |
не фурычит =(
|
Frankie_peddler,
попробуйте запустить через таймер window.setTimeout(function() { var item = document.querySelector("#slick-slide03"); item.addEventListener("click", function(event) { event.preventDefault(); document.location.href = "http://89.17.36.10:8085/front/%D0%BE-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5/#bonus"; }); },2000) |
Рони, Благодарю, пробовал методом тыка и таки нашёл рабочий вариант.
Сработало, когда я вписал код сразу после объявления слайдера, получилось вот так - $(document).ready(function(){ $('.slider-graph').slick({ infinite: true, speed: 300, slidesToShow: 1, slidesToScroll: 1, dots: true, arrows: false, fade: true, cssEase: 'linear' }); $('#slick-slide03').on('click', function() { document.location.href = "http://89.17.36.10:8085/front/%D0%BE- %D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B5/#bonus"; }); }); И сработало!:dance: |
Часовой пояс GMT +3, время: 07:39. |