안녕하세요^^

고수님들께 조언좀 구하고자 이렇게 질문 드립니다.

제가 jquery tab에 jquery 이미지 슬라이드 기능까지 같이 넣었는데요.

문제가 생긴게 탭이 1 2 3 이렇게 있다고 치면

1번에 해당하는 이미지 슬라이드는 정상 작동 하는데

2번 3번에 해당하는 이미지 슬라이드 기능은 문제가 있습니다.

문제는 2번 3번탭으로 이동해도 슬라이드가 시작하지 않는 문제 인데요.

보통 브라우져에서 디버그 모드 F12를 눌러서 선택하는 툴로 선택하면 작동하네요.

이게 무슨 문제 인지 모르겠어요~

탭을 해제하면 3가지 탭에 있는 이미지 슬라이드 전부 잘 작동합니다.

그래서 jquery tabs 기능에서 수정해야할 듯 한데 제가 잘 몰라서 고수님들의 조언을 얻고자 합니다.

하기에 소스 첨부했습니다.

모쪼록 고수님들의 아낌없는 조언 부탁드립니다.

감사합니다^^

---- jquery tabs -----

var SimpleTabs = function (elem) {
    //get tab objects and store as pane + tab
    var activeTabObject;
   
    var TabObject = function () {
        var self = this;
        this.tab; //element
        this.pane; //element
        this.setClick = function () {
            $(self.tab).click(function () {
                self.showThisTab();
            });
        };
       
        this.showThisTab = function () {
            if (self !== activeTabObject) {
                //change the tab page and update the active tab
                $(activeTabObject.pane).removeClass('active-page');
                $(activeTabObject.tab).removeClass('active');
                $(self.pane).addClass('active-page');
                $(self.tab).addClass('active');
                activeTabObject = self;
            }
        };
       
    };
   
    $.each(elem.children(), function (id,val){
        var tab = new TabObject();
        tab.tab = val;
        var classString = $(val).attr('class');
        var className = classString.split(' ')[0];
        tab.pane = $('#' + className);
        tab.setClick();
        if (classString.indexOf('active') > -1) {
            activeTabObject = tab;
        }
    });
   
};