tab안의 map 태그 안먹을경우

// 이미지맵 속 링크 가지고 있도록 배열화
    var imgmap_arr = new Array();
    $(".tab05").find('a[data-toggle="tab"]').each(function ( index ){
        var num = parseInt( index+1 );
    
        var target = $("#det_0" + num );
        var imgmap_pc = $("#m05_0" + num );
        var imgmap_m = $("#mm05_0" + num ); 
 
        var temp1_arr = [];
        $(target).find("map").each(function (m){
            var temp2_arr = [];
            $(this).find("area").each(function (a){
                temp2_arr.push( $(this).attr('coords') );
            });
            temp1_arr.push( temp2_arr );
        });
        
        imgmap_arr.push( temp1_arr );
    }); 
 
    // 탭클릭시 기존 이미지맵 링크 가지고 있도록
    $(".tab05").find('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        var target = $(e.target).attr("href")
        var target_num = (target.replace('#det_0', '') * 1) -1;
        $(target).find("map").each(function (m){
            $(this).find("area").each(function (a){
                $(this).attr("coords", imgmap_arr[target_num][m][a]);
            });
        });
    });

 

#탭안의 슬라이더가 있을경우

 

       var sliders = {};
        $.each($('.bxslider'), function(i, v){
            sliders[i] = $(this).bxSlider({
                moveSlides: 1,
                slideMargin: 0,
                infiniteLoop: false,
                slideWidth: 1300,
                minSlides: 1,
                maxSlides: 6,
                speed: 800,
                pagerCustom: '.bx-pager',
                auto:false,
                controls : true,
                autoControls:true,
                onSliderLoad: function(){
                    $("div.bx-viewport").eq(i).css({"width":"100%","height":""});
                    $("div.bx-viewport").eq(i).find("li").css("width","");
                }
            });
        });

*배열로 만들어서 해결

 

#slick으로 만들경우 
$('.slider').slick('setPosition');
// 탭 페이지 안에서 slick 사용시 – slick이 첫페이지에 있지 않으면 slick의 첫번째 이미지가 보이지 않고 2번째 부터 도는것을 확인 할 수 있다. 해당 문제는 탭이 active가 된 후 그 페이지에 slick이 있다면 = slick의 위치를 수동으로 새로 고쳐줘야 한다.

$(".tab_menu li a").click(function () {
  var idx = $(this).parent().index();
  on_check($(this).parent());
  on_check($(".tab_content li").eq(idx));
  $(".product_slider").slick("setPosition");
  return false;
});
    $(".product_slider").slick({
      slidesToShow: 5,
    });
});
function on_check(ele) {
	$(ele).addClass("on").siblings().removeClass("on");
}