.no-flexbox a.test1 {
float:left;
width:31%;
font-size: 28px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
color: #555555;
margin: 10px auto;
margin-bottom: 10px;
line-height: 220px;
text-align: center;
}
$(".col[data-tags] a").on('click', function(e){
var index = $(".col[data-tags]:visible a").index(this);
/*
** Инициализация слайдера с параметром фильтра и установкой индекса
*/
})
При переключении на другой таб, его контент подгружается аяксом
$(".hit-block .top_wrapper .catalog_block").on('init', function(slick){
slick.data({'isSlick': 1});
}).on('destroy', function(e, slick){
slick.data({'isSlick': 0});
});
function initSlick(element){
$(element).slick({
/* properties */
});
}
/* Клик на любом табе */
/* Точно так же и для ajax */
$('.tab').on('click', function(e){
$(".hit-block .top_wrapper .catalog_block").each(function(){
var data = $(this).data();
data.isSlick && $(this).slick('unslick');
initSlick(this);
});
});
background-size: 100% 100%
На эти 7 - 8 просто нереально много костылить нужно, не всё просто решается даже с помощью JS.
И заказчик понимает, если у пользователя старое ПО, то это просто заблудившийся пользователь, а не потенциальный клиент. И таковую статистику собирали. Поведенческий фактор практически нулевой.