현재 슬라이드 쇼에 hasClass가 있습니까?

Question

이 플러그인을 사용하고 있습니다 : http://dimsemenov.com/plugins/royal-slider/documentation/#basic-usage 이미지에 현재 클래스가있는 경우 메뉴 클래스를 변경하는 방법을 찾고 있습니다.

슬라이드 쇼의 현재 이미지가 밝은 클래스 인 경우 메뉴에 밝은 클래스를 추가하고 싶습니다. 이 코드 사용하고 있습니다 :

jQuery(window).load(function() 
if ($('#the-img').hasClass('dark')) { 
$('#widget-menu').addClass('menu-dark'); 
} 
}); 

이 내 메뉴 클래스 메뉴 어둠을주고있다.

하지만 현재의 경우 img에 밝은 클래스가 있으면 변경하고 싶다면 어떻게해야하나요? 대답에 대해 매우 감사 할 것입니다. 내가 일하고 있어요

사이트는 다음과 같습니다 이

Answer 1

매그너스, 당신의 이미지를 슬라이드 기능이 코드를 어떻게 보여줄 수있다 http://mlido.se/site/case/luxit/?

문제를 해결하기위한 일반적인 아이디어는 애니메이션 완료 콜백에서 이미지 클래스를 확인하는 것입니다. 애니메이션은 다음과 같이 전체 콜백을 추가 정의 다음

function checkImageClass() { 
    $('#widget-menu').removeClass('menu-dark').removeClass('menu-bright'); 
    if ($('#the-img').hasClass('dark')) { 
     $('#widget-menu').addClass('menu-dark'); 
    } else { 
     $('#widget-menu').addClass('menu-bright'); 
    } 
} 

과 :

당신은 같은 함수를 정의 할 필요가있다.

$(your-selector).animate({ 
    left : ... 
}, { 
    complete : checkImageClass 
}); 

사이트에서 애니메이션 제어 코드를 찾을 수 없습니다. 여기에 애니메이션 코드를 게시하면 필자의 조언에 따라 업데이트하려고합니다.

추가 정보 see jquery animate documentation