페이지로드가 완료되면 클래스 추가가 사라집니다.

Question

jQuery(document).ready(function($) { 

    $(".main_menu ul li").click(function(){ 
    $(".main_menu ul li.active").removeClass("active"); 
    $(this).addClass("active"); 
    }); 

    $(".main_menu ul li").click(function(){ 
    $("#camera_wrap_3").addClass("camera_height"); 
    $(".promotion_area").remove(); 
    }); 

}); 

이것은 내 jquery 코드 및 작동입니다. 하지만 WordPress에 서식 파일을 변환하면 페이지를로드 한 후에도 작업 할 수 있지만 페이지로드가 완료되면 클래스 추가가 사라집니다. 무엇을해야합니까?

Answer 1

자바 스크립트 콘솔을 확인하십시오. "$가 정의되지 않았습니다"또는 이와 유사합니까? "noconflict 모드"에서

워드 프레스 부하 JQuery와, (대신 $의) jQuery 오브젝트를 사용하려면 자바 스크립트를 수정

또한, 코멘트에서 지적했듯이, 당신이 클릭 이벤트를 필요가 없습니다.

jQuery(document).ready(function() { 

    jQuery(".main_menu ul li").click(function(){ 
    jQuery(".main_menu ul li.active").removeClass("active"); 
    jQuery(this).addClass("active"); 
    jQuery("#camera_wrap_3").addClass("camera_height"); 
    jQuery(".promotion_area").remove(); 
    }); 

});