Р
Т.е. если после перехода по ссылке слайдер уже будет находиться в нужном состоянии - определяем активный слайд, берем его значение для сверки (например дата-атрибут) и находим по нему связанный с ним элемент.
Size: a a a
2019 October 02
s
Роб
Т.е. если после перехода по ссылке слайдер уже будет находиться в нужном состоянии - определяем активный слайд, берем его значение для сверки (например дата-атрибут) и находим по нему связанный с ним элемент.
Я написал такую функцию, но в ней ошибки, и не могу понять какие, т.к ещё плохо знаю js
function(){
if (document.Swiper1.realIndex == "1") { document.querySelector('link1').classList.add('new-class');
}
}
function(){
if (document.Swiper1.realIndex == "1") { document.querySelector('link1').classList.add('new-class');
}
}
Р
Ну тут нужно знать какие у тебя элементы, что ты делаешь и какие оно выдает ошибки.
Мне сложно сказать вслепую.
Мне сложно сказать вслепую.
Р
Но раз есть индекс, наверное, было бы немного удобнее брать выборку через querySelectorAll и использовать значение этого индекса как индекс массива элементов в слайдере - тогда не нужно будет плодить link1 и прочие
Р
По крайней мере, если последовательность совпадает.
Ni
spectrum
Я написал такую функцию, но в ней ошибки, и не могу понять какие, т.к ещё плохо знаю js
function(){
if (document.Swiper1.realIndex == "1") { document.querySelector('link1').classList.add('new-class');
}
}
function(){
if (document.Swiper1.realIndex == "1") { document.querySelector('link1').classList.add('new-class');
}
}
А я бы сделал так:
- сделал бы общую функцию для обработки значения индекса и в ней бы получал бы индекс так:
- подписался бы на события
- сделал бы общую функцию для обработки значения индекса и в ней бы получал бы индекс так:
const index = this.activeIndex.- подписался бы на события
slideChange и init и в качестве callback указал предыдущую функциюР
А я бы сделал так:
- сделал бы общую функцию для обработки значения индекса и в ней бы получал бы индекс так:
- подписался бы на события
- сделал бы общую функцию для обработки значения индекса и в ней бы получал бы индекс так:
const index = this.activeIndex.- подписался бы на события
slideChange и init и в качестве callback указал предыдущую функциюОх уж этот ваш es6
Ni
Роб
Ох уж этот ваш es6
Уже настолько погрузился в этот современный фронтенд, что считаю, что все по умолчанию используют Babel.
Р
Уже настолько погрузился в этот современный фронтенд, что считаю, что все по умолчанию используют Babel.
Уроки на learn-js переписали, теперь новички сразу используют let\const
E
Локально глядя на эту ошибку можно что то понять?
Проблема в том что не отображается фон изображением. Указываю правильный путь и все ошибки на дурака, исключил. Проверил другой код, там background-image тоже перестали работать, хотя изображения не удалял и ничего не менял.
Кто то знает что за магия?
Проблема в том что не отображается фон изображением. Указываю правильный путь и все ошибки на дурака, исключил. Проверил другой код, там background-image тоже перестали работать, хотя изображения не удалял и ничего не менял.
Кто то знает что за магия?
E
Compilation Error
Error: Invalid CSS after "...\\carousel-img-4": expected expression (e.g. 1px, bold), was ".png); }"
on line 5 of sass/c:\Users\Elyzar\Desktop\tajam\sass\blocks\_navbar.sass
from line 11 of sass/c:\Users\Elyzar\Desktop\tajam\sass\style.sass
>> \Desktop\tajam\img\carousel\carousel-img-4.png); }
Error: Invalid CSS after "...\\carousel-img-4": expected expression (e.g. 1px, bold), was ".png); }"
on line 5 of sass/c:\Users\Elyzar\Desktop\tajam\sass\blocks\_navbar.sass
from line 11 of sass/c:\Users\Elyzar\Desktop\tajam\sass\style.sass
>> \Desktop\tajam\img\carousel\carousel-img-4.png); }
Р
Compilation Error
Error: Invalid CSS after "...\\carousel-img-4": expected expression (e.g. 1px, bold), was ".png); }"
on line 5 of sass/c:\Users\Elyzar\Desktop\tajam\sass\blocks\_navbar.sass
from line 11 of sass/c:\Users\Elyzar\Desktop\tajam\sass\style.sass
>> \Desktop\tajam\img\carousel\carousel-img-4.png); }
Error: Invalid CSS after "...\\carousel-img-4": expected expression (e.g. 1px, bold), was ".png); }"
on line 5 of sass/c:\Users\Elyzar\Desktop\tajam\sass\blocks\_navbar.sass
from line 11 of sass/c:\Users\Elyzar\Desktop\tajam\sass\style.sass
>> \Desktop\tajam\img\carousel\carousel-img-4.png); }
Ммм, точно исключил? 1px bold похоже на Бордер или вроде того. Может где-то не закрыл скобку?
E
Щас код не могу скинуть, но уверяю скобки в порядке, пересмотрел ролики на Ютубе на стеке искал и ещё много где, все сводится к неправильному указанию пути
Ni
Compilation Error
Error: Invalid CSS after "...\\carousel-img-4": expected expression (e.g. 1px, bold), was ".png); }"
on line 5 of sass/c:\Users\Elyzar\Desktop\tajam\sass\blocks\_navbar.sass
from line 11 of sass/c:\Users\Elyzar\Desktop\tajam\sass\style.sass
>> \Desktop\tajam\img\carousel\carousel-img-4.png); }
Error: Invalid CSS after "...\\carousel-img-4": expected expression (e.g. 1px, bold), was ".png); }"
on line 5 of sass/c:\Users\Elyzar\Desktop\tajam\sass\blocks\_navbar.sass
from line 11 of sass/c:\Users\Elyzar\Desktop\tajam\sass\style.sass
>> \Desktop\tajam\img\carousel\carousel-img-4.png); }
Есть возможность скинуть
Возможно там ссылка не обернута в
style.sass? Возможно там ссылка не обернута в
url, возможно стили не транслируются нормально (например, банально для loader'а в rules указан scss, а не sass) и много ещё таких "возможно"E
Ссылку если вставить вместо локального пути то работает...
E
Наверное что то с путями, хотя уже не первый день возвращаюсь к проблеме, перепроверил вдоль и поперек
Ni
Ссылку если вставить вместо локального пути то работает...
Я верно понимаю, что локальный путь указывается, чтобы его "подхватил" webpack?
E
Есть возможность скинуть
Возможно там ссылка не обернута в
style.sass? Возможно там ссылка не обернута в
url, возможно стили не транслируются нормально (например, банально для loader'а в rules указан scss, а не sass) и много ещё таких "возможно"Думаешь может быть проблема в подключении файла в style.sass, я бы поскидывал, но сейчас уже не могу
Ni
Пока информации слишком мало. По-хорошему, нужен конфиг webpack'а и этот файл, чтобы что-то конкретное можно было бы сказать.