Почему slick js добавляет 2 лишних дива?

Question

[myskypesla]

Устанавливаю slick js во vue или через npm в html проект , и не важно каким способом, через vue-slick или с использованием jquery и slick-caousel.

Установил такое поведение, если я устанавливаю slick-carousel через NPM. Тогда сразу появляется 2 или один лишний div. Не пойму почему.

Как можно решить проблему?

Comments

[zwezew]

Удалось решить проблему?

[Алексей]

zwezew, если в slick используешь 1 ряд то добавь еще один параметр: rows: 0,
Должно помочь
Что то вроде этого должно полкучиться:

$('.your-slider').slick({
  // your settings
  rows: 0,
});

Answer 1

[zwezew]

На вебпак аналогичная проблема решилась подключением минифицированного файла
require('slick-carousel/slick/slick.min.js');

Comments

[Артем Житник]

Блин, столько времени убито, а тут... Спасибо!

Answer 2

[Егор Живагин]

Смотрите код Vue, slick никогда не добавляет такие блоки.

Comments

[myskypesla]

Егор Живагин Установил такое поведение, если я устанавливаю slick-carousel через NPM. Тогда сразу появляется 2 или один лишний div. Не пойму почему.

Вот так выглядит dependecies: prntscr.com/gw4fqs
Так выглядит html (pug): prntscr.com/gw4fz5
так выглядит импорт в js: prntscr.com/gw4g9c
и наконец то что получается в браузере: prntscr.com/gw4gnf

Answer 3

[Алексей]

Если в слайдере только 1 ряд, попробуй добавить rows: 0
Example,

$('.your-slider').slick({
  // your settings
  rows: 0,
});

Comments

[Дмитрий]

Спасибо тебе, добрый человек

Answer 4

[Anton Semenov]

Может где то тупо незакрытый div =)

как на пример <div> вместо </div> а барузер сам его дописывает

Искать конечно же методом исключений, плюс в нутрь slick глянуть, вдруг там где то есть что то вроде usediv = true что бы оборачивать это в пустой див? Вобщем вариантов масса

Comments

[myskypesla]

An Sem Установил такое поведение, если я устанавливаю slick-carousel через NPM. Тогда сразу появляется 2 или один лишний div. Не пойму почему.

Вот так выглядит dependecies: prntscr.com/gw4fqs
Так выглядит html (pug): prntscr.com/gw4fz5
так выглядит импорт в js: prntscr.com/gw4g9c
и наконец то что получается в браузере: prntscr.com/gw4gnf