Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

[Решено] Карусель в табах


Рекомендованные сообщения

Может кто сталкивался и знает решение, ну или хотя бы подскажите где копать :geek:

В табах ( Рекомендуемые,Новинки, Хиты продаж, Акции) есть вывод товаров в карусели. В самих товарах есть опции, которые я тоже вывожу в каруселе.  В первом табе все идеально, в последующих в каруселе опций выводится только одна, все остальные не видны. Как я понимаю , проблема в том что первый таб активен и карусель правильно просчитывает ширину . А последующие скрыты и поэтому неправильно рассчитывается ширина.

Вот первый таб, в нем ширина item 68 px:

image.thumb.png.9210555a915a050f7b23aa1dabc4fa19.png

 

А вот последующий, здесь у item ширина уже 275 px и естественно следующие опции просто не видны:

image.thumb.png.93ca65bbedb2ad20e7b79a0113392524.png

Ссылка на комментарий
Поделиться на других сайтах

Решение одно, лезть в js копировать ширину с первого блока. Можно по типу
var item = $('#какой_то_родитель .selector');
var itemWidth = $(item).width();
//Теперь надо найти последующие скрытые блоки
$(item).each(function(){
$(this).width(itemWidth);
});
На вскидку. С телефона писал.

Отправлено через Tapatalk

Ссылка на комментарий
Поделиться на других сайтах


  • 3 недели спустя...

решение оказалось простым и банальным: надо использовать опцию плагина responsiveBaseWidth и тогда каруселька будет вычислять ширину не по ширине окна браузера, а по ширине указанного блока

Ссылка на комментарий
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.