Я делаю Angular-проект для Multi-Item Carousel Advance - 1 предмет за раз, и использую JQuery для него.Учитывая, что JQuery установлен правильно, я получаю упомянутую ошибку компиляции для $ ('. Carousel.carousel-multi-item.v-2 .carousel-item'). Each (function () {}
IЯ много пытался исследовать переполнение стека, но ни один из ответов не соответствует моему вопросу. Я очень плохо знаком с Angular 4 и JQuery и все еще пытаюсь понять. Пример, на который я ссылался, просто определяет html и js, и этокак я его использую. Ниже приведен мой team-carousel.component.ts файл. HTML-файл для этого довольно прост, но https://mdbootstrap.com/docs/jquery/javascript/carousel/#multi-item-carousel-v2 для справки.
Обновлено:
export class ResearchLayoutComponent{
constructor() {
$('.carousel.carousel-multi-item.v-2 .carousel-item').each(function(){
var next = $(this).next();
if (!next.length) {
next = $(this).siblings(':first');
}
next.children(':first-child').clone().appendTo($(this));
for (var i=0;i<3;i++) {
next=next.next();
if (!next.length) {
next = $(this).siblings(':first');
}
next.children(':first-child').clone().appendTo($(this));
}
});
}
}
Я не уверен, что я что-то упустил или нет, так как $ показывает ошибку, так как ожидался идентификатор [ts], и я не могу выяснить,Как это исправить. Может быть, необходим вызов функции? Без работы jquery, карусель показывает только одно изображение за раз, а не несколько изображений. Любая помощь приветствуется. Спасибо.